如何将自定义文本添加到primeng paginator

Question

我想知道你是否可以将自定义文本添加到paginator行,更具体地说,我希望它能够在右边的表中获得总点击量.

Answer 1

<ng-template pTemplate="paginatorright">
  {{totalRecords}}
</ng-template>

如果要显示页面行范围，则可以这样添加

<ng-template pTemplate="paginatorleft">
  Showing {{totalRecords < 1 ? 0 : first + 1}} to 
  {{totalRecords > 0 ? ((rows+ first) <= totalRecords ? (rows + first) : 
  totalRecords) : 0}} of {{totalRecords ? totalRecords : 0}} entries  
</ng-template>

Answer 2

您可以将其手动添加到表格下方...

<p-dataTable
    #myCoolTable>
...
</p-dataTable>
<div style="position: absolute; bottom: 5px; right: 20px;">
    filtered {{ myCoolTable.totalRecords }} from a total count of {{ myCoolTable.value.length }}
</div>

其中，totalEntriesCount 由组件在从服务器获取数据时设置...

记得将样式内容移至您的 scss/less/css 中！;)

编辑：未过滤的数据计数也存储在值的长度中。可能该表无法从外部访问，因此您可以ViewChild('myCoolTable') myCoolTable;在组件中将其声明为 a。