没有记录时隐藏 Primeng 数据表分页器

Question

我添加了来自 primeng-v2.0.4 的数据表。

<p-dataTable 
    [value]="tableData" 
    [rows]="rows" 
    [paginator]="true" 
    [resizableColumns]="true"
    [tableStyleClass]="table-wrap" 
    [rowsPerPageOptions]="[5,10,20]">
  :
  :
</p-dataTable>

我在其中一个论坛中看到选项 [paginatorAlwaysVisible]="false"，但该属性似乎不适用于此版本的 primeng。

请帮忙。

Answer 1

您可以在您的组件上使用一种方法 "isPaginatorVisible(): boolean" 来检查天气是否有记录。然后只需将属性 [paginator]="isPaginatorVisible()" 绑定到 p-dataTable。

Answer 2

如果您使用的是 Primeng 7.0.5 版，请试试这个，

[alwaysShowPaginator]="false"

没有记录时隐藏 Primeng 数据表分页器

Hide Primeng datatable paginator when no records

angular

primeng