vxe-table列隐藏

vxe-table 是一个基于 Vue.js 的表格组件库，它提供了很多实用的功能，其中包括列隐藏。列隐藏可以让用户在需要时隐藏某些列，以便更好地查看表格数据。

vxe-table 的列隐藏功能可以通过设置 column-config 中的 visible 属性来实现。当 visible 为 false 时，该列将被隐藏。例如：

<vxe-table :columns="columns" :data="data">
</vxe-table>

<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '姓名',
          key: 'name',
          visible: true
        },
        {
          title: '年龄',
          key: 'age',
          visible: true
        },
        {
          title: '性别',
          key: 'gender',
          visible: false
        }
      ],
      data: [
        {
          name: '张三',
          age: 18,
          gender: '男'
        },
        {
          name: '李四',
          age: 20,
          gender: '女'
        }
      ]
    }
  }
}
</script>

在上面的例子中，第三列“性别”被设置为不可见，因此在表格中不会显示该列。