el-table设置序号
时间: 2023-07-07 22:11:00 浏览: 133
table表格增加序号显示
4星 · 用户满意度95%
您可以使用`index`属性来设置`el-table`的序号列。例如:
```
<el-table :data="tableData">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
其中,`type="index"`表示当前列是序号列,`label="序号"`表示序号列的表头名称。您也可以通过`index-method`属性来自定义序号的计算方式。例如:
```
<el-table :data="tableData">
<el-table-column :index-method="indexMethod" label="序号"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
其中,`indexMethod`是一个自定义方法,用于计算每一行的序号。例如:
```
methods: {
indexMethod(index) {
return index + 1;
}
}
```
这个方法的参数`index`表示当前行的索引,返回值就是这一行的序号。
阅读全文