【发布时间】:2021-10-09 15:09:23
【问题描述】:
好的,所以我正在使用 PrimeNG 9 创建这个可重复使用的表。
<p-table [paginator]="true" [rows]="10" dataKey="id" [value]="rows">
除了 2 个因素外,该表对我来说很好。
- 当有 10 行时,只有 1 页。但是当我以编程方式将新行添加到行列表中时,第 11 项必须出现在分页器的第 2 页中,但新页面没有创建或显示在分页器 n 中,因此看不到。 (P.S.- Row 被添加到表格的值列表中,但没有创建页面来查看它)
- 当有 11 行,并且存在 2 页(10 + 1 行)并且第 11 项(第 2 页)被删除时,该页没有被删除,我不知道如何以编程方式删除该页。 (P.S.-该项目已从表中删除。只是页面没有)。
在这两种情况下,table.reset() 都有效(table 是@viewchild),但页面排序、过滤器和其他配置都丢失了。
有没有一种方法可以控制分页器中页面的创建或删除,因为它不会自动发生?或任何其他解决方法?
提前致谢。
找到解决方案:
数组的更新应该发生在与表格相同的组件中,以便分页部分也重新呈现。在其他地方(服务或父组件)更新行数组数据并没有触发分页器中的更改。
【问题讨论】:
标签: primeng angular10 paginator primeng-table