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>

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

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

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

Answer 2

希望有人觉得这很有用：

 <ng-template pTemplate="paginatorleft" let-state>
        Showing {{(state.page  * state.rows) + 1}} to {{state.rows * (state.page + 1)}} of {{state.totalRecords}}
    </ng-template>
</p-table>

礼物：

https://stackoverflow.com/a/56725452/1745001

如何动态添加行总数？

2 个答案: