如何使用分页器分开并在PrimeNG表中显示页面信息？

Question

例如在我的paginator中显示自定义页面信息Show {{startItem}} - {{endItem}} of {{totalRecords}}我发现我需要在PrimeNG表中使用currentPageReportTemplate和单独的paginator。问题是我无法使其与我的桌子通讯。

我的代码：

<p-table #dt [columns]="cols" [value]="ciConfig" [resizableColumns]="true" columnResizeMode="expand"
    [scrollable]="true" [(selection)]="mySelection" selectionMode="multiple" exportFilename="MessagesConfig"
    [showCurrentPageReport]="true">
  ...
</p-table>
<p-paginator [rows]="10" [rowsPerPageOptions]="[5,10,20,50,100]"
 currentPageReportTemplate="Show {{startItem}} - {{endItem}} of {{totalRecords}}"
 (onPageChange)="paginate($event)>
</p-paginator>

可能我需要添加paginator的dropdownAppendTo属性，但是仍然找不到使它起作用的方法。有想法吗？

Answer 1

添加：

[showCurrentPageReport] =“ true” currentPageReportTemplate =“我自己的模板”

它有效。

https://www.primefaces.org/primeng/#/paginator