材料排序不适用于某些列

Question

我正在为角材料垫表实现 sortModule，但由于某种原因，它对所有列都非常有效。当我尝试使用它进行排序时，会将表格返回到它的初始状态，但它没有排序。

垫表的html代码：

<mat-table [dataSource]="demandesData" matSort matSortActive="dateCreation" matSortDirection="desc" >

有效的列：

 <ng-container matColumnDef="typeDemande" >
        <mat-header-cell *matHeaderCellDef mat-sort-header >
          Type demande 
        </mat-header-cell>
        <mat-cell *matCellDef="let element">
           {{ element.typeDemande }} 
        </mat-cell>

 </ng-container>
<ng-container matColumnDef="dateCreation">
        <mat-header-cell *matHeaderCellDef mat-sort-header> date création </mat-header-cell>
        <mat-cell *matCellDef="let element">
           {{ convertDate(element.dateCreation) }} 
        </mat-cell>
</ng-container>

排序不适用于此列：

<ng-container matColumnDef="nom">
        <mat-header-cell *matHeaderCellDef  mat-sort-header> Nom du collaborateur</mat-header-cell>
        <mat-cell *matCellDef="let element">
           {{ element.user_ajout.nom }} 
        </mat-cell>
</ng-container>

表中的数据：

Answer 1

排序的列是作为数据行的直接子级的简单属性：dateCreation 和 typeDemand。它们也在各自的matColumnDef 属性中指定。中间列是对象user_ajout 内的属性，与matColumnDef 属性不匹配。这样的“深度”值不按默认比较器排序，但需要它们的自定义排序比较器。这称为sortingDataAccessor。