ag-grid使用自定义表头时调用getFilterInstance速度过慢是什么原因

使用自定义表头时速度缓慢（延迟达14秒） #

复现步骤：

• 点击切换显示过滤器
• 输入Toyota
• 等待过滤器更新（该步骤同样缓慢）
• 点击getFilter按钮
• 等待10秒以上才会在控制台输出对应日志

该示例使用自定义表头，将agColumnHeader注册到frameworkComponents中：

const frameworkComponents = {
  agColumnHeader: AgColumnHeader
};

同时按钮点击事件中会切换过滤器开关状态：

colDef.floatingFilter = !colDef.floatingFilter;
colDef.filter = "agTextColumnFilter";

不使用自定义表头时速度更快 #

复现步骤：

• 点击过滤器图标
• 输入Toyota
• 等待过滤器更新（该步骤同样缓慢）
• 点击getFilter按钮
• 等待10秒以上才会在控制台输出对应日志

该示例在初始化时默认开启floatingFilter，未对列头做任何自定义配置：

const defaultColDef: TColumn = {
    filter: "agTextColumnFilter",
    floatingFilter: true
  };

内容的提问来源于stack exchange，提问作者Inspiraller