后台没有返回总条数,前端无法判断共有多少页,
当请求条数 > 后台返回的条数,前端判断为最后一页,将下一页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;
}
}}
/>
total
字段了,每次请求的时候前端计算总数(页码 * 条数)。pagination
里把total
也传进去。这样有总数的话,分页应该都在的把