如何在表格上设置 ngb-pagination 页面长度？答案

【问题标题】：How can i set ngb-pagination page lenght on table?如何在表格上设置 ngb-pagination 页面长度？
【发布时间】：2023-01-12 10:40:45
【问题描述】：

我在 Angular 上有一个表格，我为它设置了分页，但我不能限制底部的页数。我怎样才能提供这个？

关于分页的部分

<tr *ngFor="let obj of clientResults | slice: (page-1) * pageSize : (page -1) * pageSize + pageSize ;">
    <td>Data</td>
    <td>Data</td>
    <td>Data</td>
    <td>Data</td>
    <td>Data</td>
</tr>


<div class="col col-sm-6">
    <div class="text-sm-right float-sm-end listjs-pagination">
      <ngb-pagination
      [collectionSize]="clientResults.length" [(page)]="page" [pageSize]="pageSize">
    </ngb-pagination>
    </div>
</div>

定义 page 和 pageSize 变量的部分

export class ClientResultComponent implements OnInit {
    public page = 1;
    public pageSize = 30;
    
}

这是我得到的分页。所有页面都在列表中。我想将其限制为最多 5 或 6 个，因为我该怎么做？

【问题讨论】：

标签： html angular pagination components

【解决方案1】：

来自Api NgbPagination docs，你应该找这个配置

最大尺寸

要显示的最大页数。类型：数字

默认值：0——从 NgbPaginationConfig 服务初始化
<ngb-pagination
    [collectionSize]="clientResults.length" 
    [(page)]="page" 
    [pageSize]="pageSize"
    [maxSize]="5">
</ngb-pagination>
Demo Advanced pagination

【讨论】：