时间戳

首页 > 解决方案 > 如何在ag-grid中默认对列进行排序？

javascript - 如何在ag-grid中默认对列进行排序？

问题描述

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

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

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

标签： javascriptreactjstypescriptag-grid

解决方案

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

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

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

推荐阅读