el-table-column分隔线
时间: 2023-09-08 07:15:36 浏览: 135
vue3 el-table多级表头收缩扩展的实现(JS原味版)
您好!对于 `el-table-column` 的分隔线设置,您可以通过设置 `show-overflow-tooltip` 属性来实现。将该属性设置为 `true`,当单元格内容溢出时,会显示一个 tooltip 来展示完整内容,并在单元格后面添加一个分隔线。
以下是一个示例代码:
```vue
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="name" label="姓名" show-overflow-tooltip></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="address" label="地址" show-overflow-tooltip></el-table-column>
</el-table>
```
在上面的示例中,`name` 和 `address` 列会显示分隔线,并在单元格内容溢出时显示 tooltip。
希望能对您有帮助!如果您有任何其他问题,请随时提问。
阅读全文