Angular5-PrimeNG-p表组件分页器选择的选项卡在数据重新加载时重置为第一个选项卡

Question

当重新加载数据时，PrimeNG p表组件将重置到第一个分页器选项卡。

重新加载数据时，有什么方法可以阻止该行为并使分页器保留在相同的选定选项卡中（例如2或4或5等）？

我通过循环使用setTimeout（）调用RestAPI来每10秒重新加载一次数据，直到它停留在该页面上。

HTML

    <p-table #dt [columns]="cols" [value]="dataMarts" [paginator]="true" [rows]="15" [pageLinks]="5" [rowsPerPageOptions]="[5,10,15,20,50,100,200,500,1000]"sortField="Id" resetPageOnSort="false">

参考： https : //www.primefaces.org/primeng/#/table

不确定此行为是否与上述链接的“ 更改检测 ”部分中的给定解释有关。

更新：-此问题实际上是由属性sortField =“ Id”引起的，该属性始终显示第一个选项卡。 删除后，它可以正常工作。

Answer 1

更改页面和first属性时触发onPage事件，您可以停留在所选页面上。

只需将(onPage)="paginate($event)" [first]="first"到您的p-table和相关的TS代码中：

paginate(event) {
    this.first = event.first;
}

其中event.first是所选页面的第一可见行。

见StackBlitz

编辑

适用于PrimeNG 5.2.4+