React —— antd Table组件分页Pagination

最新推荐文章于 2024-08-05 17:52:09 发布

vue初学者

最新推荐文章于 2024-08-05 17:52:09 发布

阅读量4.1w

点赞数 1

本文链接：https://blog.csdn.net/weixin_41652466/article/details/80745940

版权

<Table dataSource={this.state.tableDetailList}
       scroll={{ y: '200px' }}
       style={{tableLayout: 'fixed'}}
       pagination={{ pageSize: 12 }}
       columns={columns1}
       rowKey={record => record.restId}
       pagination={{  // 分页
         simple: true,
         current: this.state.current,
         total: this.state.total2,
         onChange: this.changePage,
       }}
/>

changePage = (page) => {
  this.setState({
    current: page,
  }, () => {
    let param = JSON.parse(JSON.stringify(this.state.param))
    param = {
      ...param,
      pageNum: this.state.current,
      pageSize: 10,
    }
    this.getActivityRestDetailList(param)
  })
}