Question

我开始使用Angular中的PrimeNG库工作，它看起来通常不错，但是在显示例如连续20行。发生的情况是在默认页面上显示20，然后在下一页上显示60（应再次为20），然后再次显示60（应为20），最后显示一个很好的数字。这是表格部分的代码：

            <p-table [columns]="cols" [value]="questions" class="ui-g-12" sortField="id" 
        columnResizeMode="fit" [resizableColumns]="true" selectionMode="single" 
[(selection)]="selectedQuestion" (onRowSelect)="onRowSelect($event)" [paginator]="true" 
    rows="20" [rowsPerPageOptions]="[5,10,15,20]"
                    [pageLinks]="8">

                    <ng-template pTemplate="header" let-columns>
                        <tr>
                            <th *ngFor="let col of columns">
                                {{col.header}}
                            </th>
                        </tr>
                    </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>

                    <ng-template pTemplate="summary" let-rowData>

                    </ng-template>
                </p-table>

Answer 1

rows =“ 20”是一个字符串，您需要使用绑定，

[rows]="20"

角度-PrimeNG与分页中的行数不一致

1 个答案: