antd表格分页设置

最新推荐文章于 2024-10-14 03:57:09 发布

读心悦

最新推荐文章于 2024-10-14 03:57:09 发布

阅读量1.4w

点赞数 5

分类专栏：深入浅出react 文章标签： antd表格

本文链接：https://blog.csdn.net/xuelian3015/article/details/102948824

版权

深入浅出react 专栏收录该内容

131 篇文章 22 订阅 ¥15.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了两种在Antd中实现表格分页的方法：一是不使用Table的pagination属性，而是单独引入Pagination组件并设置回调函数；二是直接利用Table组件的pagination属性，简化配置。两种方式都涉及回调函数来处理页面切换，并与后端交互获取数据。

摘要由CSDN通过智能技术生成

先引入Table组件

                <Table
                    loading={this.state.loading}
                    columns={this.state.columns}
                    dataSource={this.state.list}
                    className="certificate"
                    pagination={false}     
                />

第一种方式不使用Table组件自带的pagination属性，而是单独引入Pagination组件

                <Pagination
                    defaultCurrent={1}
                    total={this.state.total}
                    hideOnSinglePage={true}
                    className="pagination"
                    onChange={this.onChange.bind(this)}
                />

了解本专栏