ant-design table 分页(tableProps)
From: https://www.cnblogs.com/crazycode2/p/9704382.html
1.布局
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <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.邏輯
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | 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) ??}) } |
總結(jié)
以上是生活随笔為你收集整理的ant-design table 分页(tableProps)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: ubuntu下配置jdk(离线压缩包方式
- 下一篇: mysql可视化界面数据导出_MySQL