AntDesign vue 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。

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容