elementui表格隐藏列
时间: 2023-08-13 18:06:40 浏览: 314
element-ui 中的table的列隐藏问题解决
要隐藏 ElementUI 表格的某一列,可以通过设置该列的 `show-overflow-tooltip` 属性为 `false`,并将该列的宽度设置为 0,如下所示:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄" :show-overflow-tooltip="false" :width="0"></el-table-column>
<el-table-column prop="gender" label="性别"></el-table-column>
</el-table>
</template>
```
在上面的例子中,第二列的年龄列被隐藏了,因为它的宽度为 0,`show-overflow-tooltip` 属性为 `false`。
阅读全文