antd中table表格的序号自增

时间：2024-03-04 17:41:55
 {
    title: \'序号\',
    dataIndex: \'index\',
    key: \'index\',
    align: \'center\',
    width: 50,
    customRender: (text,record,index) => `${index+1}`,
 },

 

使用customRender函数来渲染序号的数据，在customRender函数中：

1、text表示是序号一列默认显示的数据

2、record表示是一行的所有数据

3、index表示Table表格数据的下标，也就是数组的下标

 

因为数组的下标是从0开始的，所以需要+1。

这样设置不改变原数据中序号，只改变表格一页的中所显示数据的序号：如一页显示10条数据，那么本页的序号则是从1~10。

 

 

效果展示：

 

相关文章