vex-grid 自定义筛选

VexGrid是一个强大的表格插件，它允许用户对数据进行自定义筛选。要在VexGrid中实现自定义筛选功能，你需要做以下几个步骤：

1. **设置列配置**：首先，在初始化VexGrid时，为需要筛选的列添加`fieldFilter`选项，例如：

const columns = [
  { field: 'name', header: '姓名', filter: { type: 'input' } },
  // 对其他支持筛选的字段添加类似配置
  { field: 'age', filter: { type: 'select', options: [18, 25, 30] } },
];

2. **监听筛选事件**：VexGrid会触发`filterChanged`事件，每当用户更改了筛选条件。你可以通过监听这个事件并处理筛选后的数据操作：

vexgrid.on('filterChanged', (column, value) => {
  // 根据column.field获取筛选的数据源，并更新展示
  const filteredData = handleCustomFilter(column.field, value);
  vexgrid.setData(filteredData);
});

3. **自定义筛选函数**：在`handleCustomFilter`函数中，编写你的过滤逻辑，可以是简单的基于值的匹配，也可以是复杂的逻辑，如根据某个字段的组合值进行筛选。

4. **提供输入框、下拉框或其他筛选组件**：根据配置，VexGrid会在列头右侧显示相应的筛选控件，用户可以根据需要输入或选择筛选项。