关于element.ui表格显示隐藏选定表头

Question

官网的例子是选择显示和隐藏某一行，请问要如何控制显示和隐藏某一列？比如把地址和标签这一列隐藏。
查了很久资料不得其解，求大神看看。

Answer 1

额。如果你要隐藏某一列不是可以隐藏对应的el-table-column吗

Answer 2

https://jsfiddle.net/xbn6w8sa/1/

就像这样

Answer 3

试试这样

   <el-table-column v-for="(item, index) in config" :key="index" v-if="item.name!=='地址'" >
       
      </el-table-column>

data数据

    config: [
      {
          name: "日期",
          width: "160px",
          prop: "date"
        },
      {
          name: "姓名",
          width: "160px",
          prop: "name"
        },
        {
          name: "地址",
          width: "160px",
          prop: "location"
        },
        {
          name: "标签",
          width: "160px",
          prop: "tip"
        },
      ]