iview的table怎么控制列的显示隐藏呢？

Question

iview的table怎么控制列的显示隐藏呢？
在官网上看到有一个案例，但是模糊不清，还带着多余的功能，并不能把代码摘除干净
使用的vue

希望有大神能帮助一下，谢谢！！

Answer 1

动态修改columns就行了，如：

<Table :columns="columns1" :data="data1"></Table>

columns1: [
    {
        title: '1',
        key: 'xx'
    },
    {
        title: '2',
        key: 'xxx'
    }
]

需要去除某一列的时候，遍历摘除columns中的对应列就行

Answer 2

columns 本身是一个数组 可以用splice 去删除

Answer 3

className

<div class="wrapper_table">
    <Table :columns="columns" :data="data" :loading="table_loading" :row-class-name="rowClassName" @on-selection-change="onSelectionChange" border highlight-row></Table>
</div>

{
  title: '密码',
  width: 180,
  tooltip: true,
  key: 'password',
  className: 'noneClass'
},

.wrapper_table /deep/ .ivu-table .ivu-table-header .noneClass {
  display: none;
}