element table fillters 问题

Question

如图 需求是加一个搜索框 因为筛选的这个数组的值太多 找起来很麻烦 需求就是加一个模糊查询

我想要达到的结果

Answer 1

这个官网的例子应该可以实现吧
https://element.eleme.cn/#/zh-CN/component/table#zi-ding-yi-biao-tou

<el-table :data="tableData.filter(data => !search || data.teaSchool.toLowerCase().includes(search.toLowerCase()))" style="width: 100%">
    <el-table-column>
      <template #header>
        <el-input v-model="search" size="small" placeholder="Type to search" />
      </template>
    </el-table-column>
</el-table>