分拣后角料表加载数据

Question

我正在使用角度材料表来显示数据。目前，我想加载从状态排序的角度材料表。我有 3 个状态 - 完成、待处理和失败。我希望失败记录最后显示，完整和待处理的记录应该首先显示。

我使用下面的排序功能来做到这一点，但它不起作用。

  this.dataSource = new MatTableDataSource(results['InvoiceHeaders']);
  this.dataSource.sortingDataAccessor = (item, property) => {
    switch (property) {
      case 'status': return item.element.status;
      default: return item[property];

      //     default: return item[property];
    }
  };
  this.dataSource.sort = this.viewsort;

你能帮我做这些类型的样本吗？

谢谢

Answer 1

一种解决方案可能是创建一个字段“statusWeight”并为“status”列分配一个可排序的数值，然后在该任意列上使用默认材料排序。

• 完成以具有值 1
• 等待值为 2
• 没有值 3

相关HTML：

<table mat-table [dataSource]="dataSource" matSort matSortActive="statusWeight" matSortDirection='asc' class="mat-elevation-z8">
....
</table>

工作stackblitz available here