import React from 'react
import { Table } from 'antd';
export default class Demo extends React.Component{
handleChange=(pagination, filters, sorter, extra)=> {
if(extra.action === 'paginate') {
fetchData(pagination);
}
}
render(){
return(
<div>
<Table
columns={columns}
dataSource={datas}
rowKey={(datas: { id: string }) => datas.id}
pagination = {{
showSizeChanger:true,
showQuickJumper: true,
onChange: onChangeFn,
total:datas.length,
pageSize:5,
showTotal: (count = datas.length)=>{
return '共'+datas.length+'条数据'
},
defaultCurrent: 1,
pageSizeOptions: ['5','10']
}}
/>
</div>
)
}
}
Ant D设置table的分页和onchange事件
最新推荐文章于 2024-04-24 09:22:16 发布