MatTableDataSource 如何获取数据集的排序顺序？

Question

假设我有一个 mat-table 和 mat-sort-header 和 matSort 来启用排序，以及 [dataSource]="tableDetails"。将数据提取到sampleData 后，我使用以下内容初始化表：

this.tableDetails = new MatTableDataSource(this.sampleData);

我有如下示例数据，并且是默认顺序：

sampleData = 
[
    {'id':1, 'name':'item 1'},
    {'id':2, 'name':'item 2'},
    {'id':3, 'name':'item 3'}
]

我可以通过this.tableDetails.data[0] 获得第一个项目。现在，如果我使用mat-sort-header 对带有id 的表格进行降序排序，显示的第一项将是{'id':3, 'name':'item 3'}，但this.tableDetails.data[0] 仍然返回{'id':1, 'name':'item 1'}。我注意到 mat-sort-header 不会改变数据源的原始顺序。关于如何获得排序顺序的任何想法？

Answer 1

你可以访问新的位置o传递给一个新的数组过滤器排序后;

 // let yourNewData = [ ... this.dataSource.filteredData]

 ngAfterViewInit() {
    this.dataSource.sort = this.sort;
    console.log(this.dataSource.filteredData[0])
  }

Answer 2

在 dataSource 上，您有一个 sortData 方法，可用于获取已排序的表数据。

MatTableDataSource sortData method

根据 MatSort 的状态获取数据数组的排序副本。在对过滤后的数据进行更改或从 MatSort 发出排序更改后调用。默认情况下，该函数检索活动排序及其方向，并通过使用sortingDataAccessor 检索数据来比较数据。对于数据排序的自定义实现，可能会被覆盖。

this.dataSource.sortData(this.dataSource.data, this.dataSource.sort)