NgPrime turbo table在数据刷新时设置当前页码?

时间:2018-03-19 06:38:32

标签: angular primeng primeng-turbotable

在NgPrime turbo表中,我有编辑功能。在服务器中保存数据后重新加载网格。但是无法保留当前页面。如何将页码设置为网格? 我找到了一种使用此功能获取当前页码的方法

 paginate(event) { 
let pageIndex = event.first/event.rows + 1;
 }

并将此属性添加到表格标记(onPage)="paginate($event)"。 如何将页码设置为网格?

1 个答案:

答案 0 :(得分:1)

看起来不是直接控制页码,而是控制显示的第一行:

main

在上述情况下,每页10行,您将<p-table [columns]="cols" [value]="cars" [paginator]="true" [rows]="10" [first]="first"> 设置为0以进入第一页,将第二页设置为10,将第三页设置为20等等。

更新

由于上述内容在事后没有用于更改页面(也许它只适用于表的初始设置),您可以尝试类似下面的内容,它适用于现已弃用的DataTable:

在HTML中:

first

然后,在您的组件中:

<p-table #myTable [columns]="cols" [value]="cars" [paginator]="true" [rows]="10">

我将此作为将旧表格代码更新为TurboTable的机会,我很快就会知道这是否有效。