问ng Ant设计:表顶部的服务器分页不起作用

EN

文档。

与HTML中需要包含的不同组件相比，实现分页的更简单的方法只是传递给表的角组件的一个属性：

<nz-table
      #dynamicTable
      [nzData]="listOfData"
      [nzPaginationPosition]="position"
      [nzFrontPagination]="pagination"
      [nzShowPagination]="pagination"
    >
      <thead>
        <!-- ... -->

因此，要在表的顶部进行分页，请将[nzPaginationPosition]属性设置为top。看医生

这些是分页的重要属性：

• [nzFrontPagination] - BOOLEAN -如果要在服务器端分页或显示表中的所有数据，则应将前端的分页数据设置为false。
• [nzShowPagination] -布尔-是否在表底部显示分页组件
• [nzPaginationPosition] - BOOLEAN -指定分页的位置

所以，在你的例子中：

<nz-table
      #dynamicTable
      [nzData]="listOfData"
      [nzPaginationPosition]="'top'"
      [nzFrontPagination]="false"
      [nzShowPagination]="true"
    >
      <thead>
        <!-- ... -->

更不用说，您可能还需要订阅以下事件，以便响应分页(我认为这仅用于服务器端分页)：

• EventEmitter<number> - (nzPageIndexChange) - pageIndex更改回调
• EventEmitter<number> - (nzPageSizeChange) - pageSize更改回调
• EventEmitter<any[]> - (nzCurrentPageDataChange) -当前pageData更改回调

从技术上讲，您可以使用分页作为独立的组件从您的表。这意味着您需要手动连接nz-table和nz-pagination，方法是侦听分页事件以更改表，并侦听表事件以更改分页。听起来，在您的情况下，它不是强制性的，因为您正在尝试实现库支持的东西(手动方式将更加复杂)。