AntDesign vue table中增加序号

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AntDesign vue table中增加序号相关的知识,希望对你有一定的参考价值。

参考技术A 使用customRender函数来渲染序号的数据,在customRender函数中:

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

2、record:一行的所有数据

3、index:Table表格数据的下标,也就是数组的下标

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

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

以上是关于AntDesign vue table中增加序号的主要内容,如果未能解决你的问题,请参考以下文章

使用vue的v-for生成table , 给table加上序号

基于Ant Design Vue创建的vue项目中表格组件的使用

vue页面增加Loading效果——>Table效果

最棒的SpringBoot+Vue+AntDesign前后端分离系统搭建教程

5-2 使用antDesign的Table 及 modal(对话情景框) 功能

antDesign使用a-table时,设置某列的单元格内容不换行