9.0.6 版本中缺少 PrimeNG 分页方法

Question

我用以下方式声明一个带有分页器的 table：

<p-table id="tblRequestResponse" name="tblRequestResponse" [value]="requestResponseSummaries" sortField="dateTime" [sortOrder]="-1" lazyLoadOnInit="true"
         [paginator]="true" [pageLinks]="3" [rows]="10" [columns]="cols" selectionMode="single" (onLazyLoad)="loadData($event)" stateStorage="session" stateKey="state-allRequestsandResponses" [lazy]="true" #dt>
  <ng-template pTemplate="header" let-columns>.....

在代码中，当我们使用 PrimeNG 控件的 v4 时，我可以通过执行以下操作来重置显示的页面：

this.dataTable.paginate(3);

现在在当前版本中分页方法似乎已被删除，没有替代方法。如何手动设置页面？

Answer 1

您可以使用 first 属性 手动更改当前页面。

Paginator can also be controlled via model using a binding to the first property where changes trigger a pagination.

这是一个如何实现的例子：

updatePageNumber() {
    this.first = this.nbRows * (this.pageNumber - 1);
}

查看工作 Stackblitz。