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

Question

我正在尝试使用材料表生成具有多列的多个表，并且它工作正常。但是当对每个表的结果进行分页时就会出现问题。好像没有取每张表的引用，那么所有的分页符都设置为0。

这是我在 stackblitz 中的代码：

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

标签： angularangular-materialangular-material-paginator

Answer 1

试试这个在 ngAfterViewInit 钩子中设置分页长度。

ngAfterViewInit() {

this.paginationLength = this.tableData.length;

}

在模板中：

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