el-table 序号
时间: 2023-06-30 18:15:52 浏览: 101
table表格增加序号显示
4星 · 用户满意度95%
您可以使用 el-table 的 index 属性来显示表格行的序号,具体方法如下:
1. 在 el-table 标签中添加 index 属性,例如:`<el-table :data="tableData" :index="indexMethod">`
2. 在 Vue 实例中定义 indexMethod 方法,例如:
```
methods: {
indexMethod(index) {
return index + 1; // 返回行号,从1开始
}
}
```
3. 在 el-table-column 标签中添加 label 属性来显示表头,例如:`<el-table-column label="序号" type="index"></el-table-column>`
这样就可以在表格中显示序号了。
阅读全文