角材料表：如何创建索引

Question

目前，我有一个使用此代码的索引列：

<ng-container matColumnDef="id">
  <mat-header-cell *matHeaderCellDef mat-sort-header>Id</mat-header-cell>
  <mat-cell *matCellDef="let row; let i = index;">{{i}}</mat-cell>
</ng-container>

此代码的问题是，当我按其他列排序时，数字不会移动。即。它从所有具有降序索引的行开始，但是如果我按另一行排序，则索引列将保持不变，而其他所有列都会调整。

Answer 1

您应该在表所表示的数组中的对象中添加属性（例如：position）。这样一来，您就可以添加分页并在该列中正确显示值，并以递增的数字显示。

请参见this example中的Material Docs。