ant-design table 分页（tableProps）

weixin_33850890

于 2018-09-26 22:11:00 发布

阅读量3.7k

点赞数

文章标签： javascript json java ViewUI

1.布局

<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,
  }}
/>

2.逻辑

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)
  })
}