Question

我正在使用带有[paginator] = true和rows = [10]的PrimeNGs p表。在我的测试集中，我的数据长为10000个项目（测试它在大型数据集上的效果如何）。第一页正确显示了10个项目，但是当我单击“下一步”或特定页面编号时，它第一次显示了1000个项目，第二次我更改页面时，它显示了2000个（总共3000个），依此类推...

任何人都知道我在做什么错

<p-table #dt [value]="items" [paginator]="true" rows="10" [globalFilterFields]="['id','hostname','logKeepDays']">
    <ng-template pTemplate="caption">
        <div style="text-align: right">        
            <i class="fa fa-search" style="margin:4px 4px 0 0"></i>
            <input type="text" pInputText size="50" placeholder="Filter..." (input)="dt.filterGlobal($event.target.value, 'contains')" style="width:auto">
        </div>
    </ng-template>
    <ng-template pTemplate="header">
        <tr>
          <th class="hidden-md-down" [pSortableColumn]="'id'">ID <p-sortIcon [field]="'id'"></p-sortIcon></th>
          <th [pSortableColumn]="'hostname'">Host <p-sortIcon [field]="'hostname'"></p-sortIcon></th>
          <th [pSortableColumn]="'active'">Active <p-sortIcon [field]="'active'"></p-sortIcon></th>
          <th [pSortableColumn]="'logKeepDays'">Log Days <p-sortIcon [field]="'logKeepDays'"></p-sortIcon></th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-item>
        <tr>
          <td class="hidden-md-down">{{item.id}}</td>
          <td>{{item.hostname}}</td>
          <td>{{item.active}}</td>
          <td>{{item.logKeepDays}}</td>
        </tr>
    </ng-template>
</p-table>

Answer 1

我在行周围没有方括号。将row =“ 10”更改为[rows =“ =” 10“即可解决此问题。奇怪的是，它可以在第一页上但没有方括号的情况下工作。

但万一每个人都遇到这个问题。

具有分页器附加页面的PrimeNG p表忽略“行”

1 个答案: