antd中table表格的序號自增

 {
    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。

 

 

效果展示：