why is ag-grid getFilterInstance so slow - with custom headers

Question

see example codesandbox:

steps:

This example uses custom headers but adding agColumnHeader to frameworkComponents

const frameworkComponents = {
  agColumnHeader: AgColumnHeader
};

Also on button click - toggles the filters to be true

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

steps:

This example simply defaults the floatingFilter to true on load but does not have customisation on column headers.

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

Steve Tomlin Steve Tomlin · Accepted Answer · 2021-06-21T13:34:52

so it turns out its codesandbox - ridiculously slow. I tested this in my local environment and its fast. What a let down.