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+