ElementUI table 序号从0开始

根据官网例子

table可以设置列为行编号，代码如下：

但是我用到本地后发现是从0开始的：

于是我继续参考其他例子：

<el-table-column type="index" :index="indexMethod">
</el-table-column>

indexMethod(index) {return index * 2;
}

在index列设置一个函数indexMethod，将数值*2。我修改返回值为 +1

indexMethod(index) {return index + 1;
},

但是运行到本地后依旧是从0开始的。

于是经过在百度上搜索最终找到了解决方法，代码如下所示：

  <el-table-column type="index" width="60"  label="index" align="center"><template scope="scope"><span>{{scope.$index + 1}}</span></template></el-table-column>

ElementUI table 序号从0开始相关推荐

table多行表头合并 vue_vue elementUI table 自定义表头和行合并的实例代码
最近项目中做表格比较多,对element表格的使用,只需要传递进去数据,然后写死表头即可渲染. 但现实中应用中,如果写死表头,并且每个组件中写自己的表格,不仅浪费时间而且消耗性能.这个时候需要动态渲染 ...
element-ui table表格增加合计行和表格列固定之后滚动条无法滚动
element-ui table表格增加合计行和表格列固定之后滚动条无法滚动是因为el-table__fixed或el-table__fixed-right有了合计之后把 el-table_ ...
elementUI table表格合并相同的内容
elementUI table表格合并相同的内容 1.表格和数据表格是这样数据(由于数据太多,只展示了几个) tableData: [{one: '1 . 产出指标',two: '1 .1 数量指 ...
elementui table表格跨分页多选
elementui table表格跨分页多选项目中遇到的表格多选加分页,要获取选中的数据,使用elementui的表格开发,刚开始思路是: 1.创建一个数组,使它每项为一页所选择的选择项数据数组.选 ...
ElementUI table合并单元格
element-ui Table如何合并单元格我这里的需求是在懒加载的数据中从管理员开始的3列合并, 跟进任务量开始的3列合并合并单元格其实是占位,所以清除单元格一定要做 row 为行数据, ...
element-ui table 指定单元格动态字体颜色设置
element-ui table 指定单元格动态字体颜色设置根据后端返回的值,动态的自动变更element-ui table 指定单元格的字体的颜色或者整行的颜色值一.指定单元格突出显示颜色,如: ...
elementUI table自定义表头弹框搜索，排序，显示tag标签
elementUI table自定义表头弹框搜索,排序,显示tag标签允许一种排序,多种搜索条件包括三种类别,添加了solt插槽,也可以自定义: 输入框[input] 多选[checkbox] 范 ...
elementui table组件和popover实现表格列内容过长，显示隐藏多余字段，hover显示所有内容；无内容或则内容少则不显示popover
elementui table组件和popover实现表格列内容过长,显示隐藏多余字段,hover显示所有内容:无内容或则内容少则不显示popover 1.场景效果 2.实现 3.进阶版 1.场景效果 ...
ElementUI table组件，表格组件，单击单元格可编辑逻辑
ElementUI table组件,表格组件,单击单元格可编辑逻辑 1.表格部分 <el-table:data="seatDataFilter"@cell-click=&qu ...

ElementUI table 序号从0开始

ElementUI table 序号从0开始相关推荐

最新文章

热门文章