Угловой - PrimeNG не соответствует количеству строк в пагинации - PullRequest
0 голосов
/ 02 октября 2018

Я начинаю работать с библиотекой PrimeNG на Angular, и это в основном выглядит хорошо, но возникают проблемы с постоянным отображением, например, 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>

1 Ответ

0 голосов
/ 02 октября 2018

row = "20" - это строка, вам необходимо использовать привязку,

[rows]="20"
...