AntDesign vue table中增加序号
2021-05-08 本文已影响0人
琥珀色黄昏像糖____
{
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。
image.png