element实现表头筛选

Question

在用表格展示数据时，el-table-column标签的字段表头 ，名称后面有一个放大镜的图片。一点击就出来一个输入框，可以筛选名称。
这应该怎么做呀

Answer 1

  <el-table-column
      align="right">
      <template slot="header" slot-scope="scope">
        <el-input
          v-model="search"
          size="mini"
          placeholder="输入关键字搜索"/>
      </template>
  </el-table-column>

这个是自定义表头，你加一个放大镜在定义一个变量控制输入框的显隐就可以了，点击放大镜把变量变为true，变量为true的时候输入框显示