Angular 角度材质表：如何创建索引

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

<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>

身份证件
{{i}

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

您应该在表所代表的数组中的对象中添加一个属性（例如：

position

）。这还允许您添加分页，并在该列中正确显示递增数字的值

请参见。

中的内容，您应该向表所代表的数组中的对象添加一个属性（例如：

position

）。这还允许您添加分页，并在该列中正确显示递增数字的值

---

请参阅。

索引由mat单元格元素生成，并且每当您重新排列/排序表时，都会生成索引。它使它们再生。正如Nick所解释的，在JSON中添加索引/位置以使其与您的数据保持一致。加载按列（已完成）自动排序的所有元素，根据此顺序，每行指定一个顶部有1的索引，然后如果对行重新排序，索引将保留原始行。通过对每行的位置进行硬编码，开始处的索引顺序将不会在排序方式列之后从1向下升序。如果我理解正确，您可以根据要用于初始排序顺序的属性（列）对数组进行排序，并在该点指定位置（索引）。然后将数组传递到mat表的

数据源

。这有意义吗？索引是由mat cell元素生成的，无论何时重新排列/排序表。它使它们再生。正如Nick所解释的，在JSON中添加索引/位置以使其与您的数据保持一致。加载按列（已完成）自动排序的所有元素，根据此顺序，每行指定一个顶部有1的索引，然后如果对行重新排序，索引将保留原始行。通过对每行的位置进行硬编码，开始处的索引顺序将不会在排序方式列之后从1向下升序。如果我理解正确，您可以根据要用于初始排序顺序的属性（列）对数组进行排序，并在该点指定位置（索引）。然后将数组传递到mat表的

数据源

。这有意义吗？