element实现表头筛选

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


  <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的时候输入框显示