elementui 树形table 序号
时间: 2023-07-19 22:22:51 浏览: 169
要在 ElementUI 的树形表格中显示序号,可以使用 ElementUI 提供的 `index` 属性。将 `index` 设置为 `true`,即可在每一行显示序号。
以下是一个示例:
```html
<template>
<el-table :data="tableData" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }">
<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>
</template>
<script>
export default {
data() {
return {
tableData: [
{
name: '张三',
age: 18,
children: [
{ name: '李四', age: 20 },
{ name: '王五', age: 22 }
]
},
{
name: '赵六',
age: 24,
hasChildren: true
}
]
};
}
};
</script>
```
在上面的示例中,我们在第一个列中使用了 `type="index"` 属性来显示序号,并将 `label` 设置为“序号”。
阅读全文