react ant的<table>中可以设置pagination实现自动分页

赵飞语
2023-12-01

<table>中添加pagination实现自动分页:

在<table>中设置

pagination={true}

可以实现自动分页。

在<table>中设置

pagination={{showSizeChanger:true, pageSizeOptions:[10,50,100,1000]}},

可以实现自定义分页器每页可以显示多少条,如果这个设置了,默认设置了pagination={true}

在<table>中设置

pagination={false}

可以实现关闭分页。

想要自己手动书写分页:

添加<pagination>标签,利用里面的方法分割table的数据,实现手动书写分页的各种方法。

<Pagination showSizeChanger pageSizeOptions={[10,50,100,500,1000]} total={totalSize} onShowSizeChange={this.hangdleShowSizeChange} onChange={this.handlePageChange} current={current} />

注:数组分割:let test = [aa,bb,ccc];test.slice(1,2);可以实现数组的分割。

 类似资料: