element组件table表格表头添加下拉框等其他组件

最近项目里遇到一个需求，需要在表头添加下拉框组件，来控制列显隐

这次先解决添加下拉框问题，下次解决下拉框控制显隐

首先看官方文件里面给出的添加组件的slot

一些简单的需求 直接用这个方法就可以了
下面直接上代码

<el-table-column label="工单ID" type="index" width="80" fixed>
</el-table-column>
<el-table-column prop="tenantName" label="租户名称" min-width="120">
</el-table-column>
<el-table-column prop="title" align="center" v-if="show1" min-width="190">
  <template slot-scope="scope" slot="header">
    <el-select v-model="colOptions1" multiple collapse-tags size="mini" placeholder="请选择">
      <el-option v-for="item in colSelect1" :key="item" :label="item" :value="item">
      </el-option>
    </el-select>
  </template>
</el-table-column>

这样就可以实现表头添加下拉框的效果啦（下面是效果图）
这样就实现表头插入下拉框的效果啦！！！