如何在 ag-grid 中默认过滤行？

Question

我有一个 ag-grid 表，其中有一列“状态”，其中一些值是“活动的”，有些是“非活动的”。 我希望我的表格只显示默认情况下具有“活动”状态的行。 使用这个问题作为参考，我尝试使用 onFirstDataRendered 设置它：

  const onFirstDataRendered = (params: FirstDataRenderedEvent) => {
    const filter = params.api.getFilterInstance('status');
    if (filter) {
      filter.setModel({
        type: 'equal',
        filter: 'ACTIVE',
      });
      filter.onAnyFilterChanged();
    }
  };

但我的代码不会编译，因为它说我不能调用 onAnyFilterChanged 因为我“不能调用可能未定义的对象”。 有谁知道如何解决这一问题？

Answer 1

问题可能是type应该equals不equal ，如文档中所示： https ://www.ag-grid.com/javascript-data-grid/filter-provided-simple/#simple-filter-options

如果这不能解决问题，请尝试使用Filter API ：

  const onFirstDataRendered = (params: FirstDataRenderedEvent) => {
    const filterModel = {
    status: {
        filterType: 'text',
        type: 'equals',
        filter: 'ACTIVE'
        },
    }
    params.api.setFilterModel(filterModel)
    
  };