NG-ZORRO表格分页器更换pageSize后表格不渲染

871 阅读1分钟

开篇彩蛋:看这里(必看)😂

NG-ZORRO表格分页器更换pageSize后表格不渲染

使用NG-ZORRO(ANTD的Angular版本)中的Table(表格)组件和Pagination(分页)组件遇到更换分页器每页数据数量后,表格数据不能正常渲染。

BUG现场

更换pageSize后,接口成功拿到对应条数的数据,表格却没有请确渲染,如下图,本应渲染20条数据,现在却只有10条数据。
在这里插入图片描述

解决方案

方法一:

把tbody渲染数据的【表名.data】换成自己定义的接收接口数据的变量,如下图。
在这里插入图片描述

方法二(推荐):

表格添加属性[nzFrontPagination]="false",意思是关闭前端分页,具体如下图:
在这里插入图片描述
如果对你有帮助,可以👍收藏+关注,我们一起学前端~~~