angular7 ng-zorro框架的列表实现前端分页

废话就不多写了

html页面代码如下：

<nz-table #basicTable [nzData]="listOfData.data"

(nzPageIndexChange)="listOfData.pageIndexChange($event)" [nzScroll]="{ y: '240px' }"

[nzFrontPagination]="false" [nzTotal]="listOfData.total" [(nzPageIndex)]="listOfData.pageIndex" [(nzPageSize)]="listOfData.pageSize"

>

</nz-table>

表格属性说明：

nzScroll ：我这里的配置意思是 超过240像素 出现纵滚动条

nzPageIndexChange：index改变时调用的函数

nzFrontPagination：是否在前端对数据进行分页，如果在服务器分页数据或者需要在前端显示全部数据时传入 false

其他的参数就不用写了 你们应该都知道

对应的 ts 代码如下