材质设计分页器不适用于动态生成的表格

Question

我正在尝试使用材质表生成具有多个列的多个表，并且它可以正常工作。 但是，在分页每个表的结果时会出现问题。 似乎它没有采用每个表的引用，因此所有分页器都设置为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>