antd Table组件(数据为空)分页如何展示?

后台没有返回总条数,前端无法判断共有多少页,
当请求条数 > 后台返回的条数,前端判断为最后一页,将下一页disable,
但是如果 请求条数 == 最后一页条数,继续请求下一页数据就为空了,并且分页自动隐藏,也回不到前一页了。

所以1 如果表格数据为空,如何强制让分页展示?


<Table
  dataSource={tableData}
  rowKey="orderNid"
  columns={ColumnsContractCommon(this)} 
  loading={loading}
  pagination={{
    defaultPageSize: 20,
    pageSize: 20,
    current: pageNum,
    itemRender: (page, type, originalElement) => {
      if (type === 'prev') {
        return <Button onClick={this.changePage.bind(this, 'last')} disabled={pageNum == 1 ? true : false}>上一页</Button>;
      }
      if (type === 'next') {
        return <Button onClick={this.changePage.bind(this, 'next')} disabled={tableData.length < pageSize ? true : false}>下一页</Button>;
      }
      return pageNum;
    }
  }}
/>
        
阅读 6.8k
1 个回答
  1. 最好的办法还是让后台返回总数
  2. 不然的话只能维护一个 total 字段了,每次请求的时候前端计算总数(页码 * 条数)。pagination 里把 total 也传进去。这样有总数的话,分页应该都在的把
推荐问题