Таблица угловых материалов: как создать индекс

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) к вашим объектам в массиве, который представляет таблица.Это также позволит вам добавлять нумерацию страниц и правильно отображать значения в этом столбце с увеличивающимися числами.

См. этот пример из Документов материалов .