el-table 条件查询

`el-table` 是 Element UI 中的一个表格组件，它提供了丰富的功能和灵活的数据展示能力，包括条件查询（也称为过滤或搜索）功能。在使用 `el-table` 进行条件查询时，你可以通过以下步骤实现：

1. 配置表头中的过滤器：在 `el-table-column` 标签中，设置 `filters` 属性来定义可选的过滤选项。例如：

   <el-table-column label="名称" prop="name" filters>
     <template slot-scope="scope">
       <el-input v-model="scope.filter.value" placeholder="请输入名称"></el-input>
     </template>
   </el-table-column>

2. 绑定数据源的过滤方法：当用户输入过滤条件时，你需要更新数据源，通常通过调用一个方法来执行查询，如 `this.handleFilterChange(scope.filter)`。

3. 更新数据源：根据过滤条件，在 `handleFilterChange` 方法中筛选数据，然后更新表格的数据：

   handleFilterChange(filter) {
     this.tableData = this.data.filter(item => {
       // 根据 filter.value 进行匹配，这里的 item 是 tableData 中的对象
       return item.name.includes(filter.value);
     });
   },

4. 可选的懒加载（如果数据量大）：如果数据不是一次性加载的，可以在获取数据时添加分页和排序逻辑，只请求满足条件的数据部分。

相关问题--
1. 如何在 `el-table` 中启用列级别的过滤？
2. 如何在 `el-table` 的数据源上使用动态过滤条件？
3. 是否可以通过 `el-table` 的 API 控制过滤器的显示和隐藏？