react + antd table +hooks 如何实现表格序号自增 翻页后序号不从1开始算起

设置属性:

数据源dataSource、列表头columns、分页pagination

//渲染元素
return
<>
      
record} >

paginationProps 分页配置

 const paginationProps = {
    current: pageOption.pageNo,
    pageSize: pageOption.pageSize,
    onChange: (current, size) => 			 		
    paginationChange(current, size)
  }

分页默认值,记得import useState

 const [pageOption, setPageOption] = useState({
    pageNo: 1,  //当前页为1
    pageSize: 8, //一页8行
  })

当翻页时,改变当前为第current页,current和size这两参数是上面pagination的onChange API自带的,会帮你算出来你现在在第几页,这一页有多少行数据。

你可能感兴趣的:(知识笔记,react.js,前端,javascript,前端框架)