Пагинатор дизайна материалов не работает с динамически генерируемыми таблицами

Question

Я пытаюсь создать несколько таблиц с несколькими столбцами, используя таблицу материалов, и она работает правильно. Но проблема возникает при подкачке результатов каждой таблицы. Кажется, что он не берет ссылку на каждую таблицу, тогда все paginators установлены на 0.

Вот мой код в stackblitz:

https://stackblitz.com/edit/angular-k8qfd3?file=src%2Fapp%2Fapp.component.ts

Answer 1

попробуйте установить длину пагинации в хуке ngAfterViewInit.

ngAfterViewInit() {

this.paginationLength = this.tableData.length;

}

в шаблоне:

<mat-paginator [length]="paginationLength"
              [pageSize]="10"
              [pageSizeOptions]="[5, 10, 25, 100]">
</mat-paginator>