angular - 如何使用条件复选框在材料表中应用排序

Question

如何使用条件复选框在材料表中应用排序：

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

标签： angularsortingcheckboxdatatableangular-material

Answer 1

您可以通过将数据源设置为自定义排序数据访问器来解决此问题。

this.dataSource.sortingDataAccessor = (object, columnDef) => {
   switch(columnDef) {
      case 'key':
         return object.yourValue ? 1 : 0;
      default:
         break;
   }
}