iview表格某一列可隐藏
时间: 2023-09-18 17:15:57 浏览: 241
vue-iview-tableSearch:一个适用于iview的vue表格搜索组件,支持下拉选择指定列进行搜索
在 iView 表格中,如果需要隐藏某一列,可以使用 iView 表格的 columns 属性,并设置该列的 show 属性为 false。具体步骤如下:
```
<template>
<Table :columns="columns" :data="tableData"></Table>
</template>
<script>
export default {
data() {
return {
columns: [
{
title: '姓名',
key: 'name'
},
{
title: '年龄',
key: 'age',
show: false // 隐藏该列
}
],
tableData: [
{
name: '张三',
age: 18
},
{
name: '李四',
age: 20
}
]
}
}
}
</script>
```
以上代码中,第二列的 show 属性被设置为 false,表示该列会被隐藏。通过这种方式,可以在 iView 表格中隐藏某一列。
阅读全文