材料表中的 Angular 6 索引不起作用

Question

向表行添加索引时遇到问题。我已经分配了这样的索引值：

<ng-container matColumnDef="id">
  <mat-header-cell *matHeaderCellDef>#</mat-header-cell>
  <mat-cell *matCellDef="let i = index"> {{i+1}} </mat-cell>
</ng-container>

此解决方案适用于一张表，但在第二张表上它返回 NaN。有谁知道如何解决这个问题？

在第二个表上，我使用的是可扩展行，因此我添加了 multiTemplateDataRows 属性。其他一切都是一样的。我正在使用 Material Design v7.11

Answer 1

当您使用multiTemplateDataRowsproperty 时，您不能使用 index. 相反，您必须使用 dataIndex 或 renderIndex。

<mat-cell *matCellDef="let i = renderIndex;">{{i+1}}</mat-cell>