angular - 9.0.6 版中缺少 PrimeNG 分页方法

Question

我通过以下方式声明一个带有分页器的表：

<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属性手动更改当前页面。

分页器也可以通过模型控制，使用绑定到第一个属性的变化触发分页。

以下是如何实现这一目标的示例：

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

请参阅工作Stackblitz。