react+adtd实现表格数据分页
2021-08-21
React Vue
2159
0
效果展示1、;表格代码:<Table columns={columns} bordered dataSource={dataSource} pagination={{
;;;;;;total:total,
;;;;;;showQuickJumper: true,
;;;;;;pageSizeOptions:[10, 20, 50, 100],
;;;;;;pageSize:10,
;;;;;;onChange:loadData,
;;;;;;showTotal: total => `共${total}条记录 `
;;;;;;}}>
</Table>
2、;定义表格列const columns = [
;;;;;;;{
;;;;;;;;;;;title: '序号',
;;;;;;;;;;;key: 'id',
;;;;;;;;;;;width: 80,
;;;;;;;;;;;align: 'center',
;;;;;;;;;;;render: (txt, record, index) =>index + 1