angular - 如何(动态)添加总行数？

Question

这是我为 Angular 和 PrimeNG P 表编写的代码:

<p-table [columns]="cols" [value]="questions" selectionMode="single" [(selection)]="selectedQuestion"  [paginator]="true" [rowsPerPageOptions]="[10,15,20,50,1000]" [rows]="15" [responsive]="true" [autoLayout]="true"
        sortMode="multiple">
        <ng-template pTemplate="header" let-columns>
            <tr>
                <th *ngFor="let col of columns" [pSortableColumn]="col.field">
                    {{col.header}}
                    <p-sortIcon [field]="col.field"></p-sortIcon>
                </th>
            </tr>
        </ng-template>

        <ng-template pTemplate="paginatorleft">
            Showing {{dataTable?.dataToRender?.length}} rows
        </ng-template>

        <ng-template pTemplate="body" let-rowData let-columns="columns">
            <tr [pSelectableRow]="rowData">
                <td *ngFor="let col of columns">
                    {{rowData[col.field]}}
                </td>
            </tr>
        </ng-template>
    </p-table>

我想在分页部分的左侧添加总行数，这样当例如使用一些过滤器 - 行数自动减少。

在上面代码片段的中间 - 我尝试添加该功能但没有工作(数字未显示)。谁有工作示例？

Answer 1

希望对你有帮助

<ng-template pTemplate="paginatorleft" let-state>
  {{state.rows}}
</ng-template>

• state: $implicit state.page: 当前页面
• state.rows:每页行数
• state.first:第一条记录的索引
• state.totalRecords:总记录数

https://stackblitz.com/edit/angular-6he3b2在提供商搜索 html 下查看

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