react+antd如何实现表格序号自增(含分页)

302 阅读1分钟
/**
 * 分页
 * @param pageOption 
 */
const [pageOption, setPageOption] = useState({
  pageNo: 1,  //分页序号
  pageSize: 10, //每页显示的条数
})

/**
 * 分页配置
 */
const paginationProps = {
  current: pageOption.pageNo,
  pageSize: pageOption.pageSize,
  total: dataSource.length, 
  onChange: (current:any, size:number) => paginationChange(current, size)
}
/**
 * 分页改变
  */
const paginationChange = async (current:any, size:number) => {
  setPageOption({
    pageNo: current, //当前所在页面
    pageSize: size,  //当前所在页面数据数量
  })
}
return (
<Table
   columns={columns}
   dataSource={dataSource}
   pagination={paginationProps}
   rowKey={record => record.key}
></Table>
)