angular - 刷新数据和分页状态

Question

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

根据this 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;
}