在 PrimeNG 中过滤数据表

Question

如何在数据表中使用 PrimeNG 的默认过滤器过滤后获取行数。

[totalRecords]="totalRecords"始终显示最初获取的记录数。

即使经过过滤，totalRecords值仍然保持不变并且过滤后不会改变。

例如：最初totalRecords是50，过滤后，数据表中显示的记录数是15。但是我无法得到值15，而是得到50。

有什么办法吗？

Answer 1

假设您有对数据表组件的引用，只需询问totalRecords它的属性：

<p-dataTable [value]="cars" [rows]="10" [paginator]="true" [globalFilter]="gb" #dt>
    ...
</p-dataTable>

{{ dt.totalRecords }} records

演示