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

anu*_*emn 3 primeng angular

我添加了来自primeng-v2.0.4 的Datatable。

<p-dataTable 
    [value]="tableData" 
    [rows]="rows" 
    [paginator]="true" 
    [resizableColumns]="true"
    [tableStyleClass]="table-wrap" 
    [rowsPerPageOptions]="[5,10,20]">
  :
  :
</p-dataTable>
Run Code Online (Sandbox Code Playgroud)

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

请帮忙。

小智 8

如果您使用的是 Primeng 7.0.5 版,请尝试此操作,

[alwaysShowPaginator]="false"


小智 5

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