没有记录时隐藏 Primeng 数据表分页器
Hide Primeng datatable paginator when no records
我添加了来自 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。
请帮忙。
您可以在您的组件上使用一种方法 "isPaginatorVisible(): boolean" 来检查天气是否有记录。
然后只需将 属性 [paginator]="isPaginatorVisible()" 绑定到 p-dataTable。
如果您使用的是 Primeng 7.0.5 版,请试试这个,
[alwaysShowPaginator]="false"
我添加了来自 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。
请帮忙。
您可以在您的组件上使用一种方法 "isPaginatorVisible(): boolean" 来检查天气是否有记录。 然后只需将 属性 [paginator]="isPaginatorVisible()" 绑定到 p-dataTable。
如果您使用的是 Primeng 7.0.5 版,请试试这个,
[alwaysShowPaginator]="false"