刷新数据和分页器状态

Question

我正在使用 PrimeNG Turbotable <p-table #dt。

据此， dt.reset()将重置排序、过滤器和分页器状态。我正在尝试找到一种方法来重置分页器状态并重新加载表数据。（没有排序状态重置）

这应该发生在(click)该按钮上

<p-button icon="fa fa-refresh" (click)="refresh()"></p-button>

我怎样才能做到这一点？

Answer 1

在 .html 文件中 -

<p-table #dt [columns]="cols" [value]="result" [paginator]="true" [rows]="10" [(first)]="first">

不要忘记 [(first)] 中的括号

在 .ts 文件中，添加第一个属性：

first = 0

无论你想重置什么地方，调用下面提到的刷新函数

refresh() {
    this.first = 0;
}