antd 中的table表格

Question

antd 中的table表格使用了带选择框的分页就不管用了，如何设置分页，官网是将所有的数据一次行返回的，我的是点击分页调用接口获取数据，应该怎么解决

这表格的代码

这是 rowSelection的代码

分页下面没有数字

Answer 1

1.自定义一个处理分页的方法如图，其配置可以参考 antd 分页的配置：
分页配置

2.定义处理分页请求方法

//res 你后台返回的数据
//第二个参数是一个回调函数 有2个参数 page 和pageSize 用于处理你点击分页后要处理的逻辑

myPagination(res, (page, pageSize) => {
    this.params.page = page; 
    this.params.pageSize = pageSize;
    this.getList(); //再次请求列表
})

3.在table标签上定义属性pagination

<Table
    ...//其他属性省略
    //调用自己定义的分页方法
    pagination={ pagination(你后台返回的数据,this.myPagination) }
/>

我这里模拟的后台数据结构大致如下

{
    result:{
        list:[],
        totalCount:200,
        page:1,
        pageSize:100,
    }
}