ESF in tree grid with TreeGridFilteringStrategy freezes the grid when 100k+ records

[mddragnev]

Description

Having a tree grid with TreeGridFilteringStrategy and a lot of data causes the grid to freeze when trying to open the ESF.
When ESF is hierarchical (TreeGridFilteringStrategy is set) then instead of virtualized list it is using an IgxTreeComponent. However, the items in the tree component are not virtualized which results in angular trying to render couple of thousand DOM elements.

• igniteui-angular version:
• browser:

Steps to reproduce

1. In the Tree Grid performance samples add

  <igx-tree-grid
    #grid
    [data]="data"
    [allowFiltering]="true"
    [filterMode]="'excelStyleFilter'"
    [primaryKey]="'ID'"
    [height]="'100%'"
    [filterStrategy]="filterStrategy"
    [width]="'100%'"
    [foreignKey]="'ParentID'"
  >

2. In the TS file add:

    public filterStrategy = new TreeGridFilteringStrategy(['SuccessRate']);

3. Run the samples and click ESF of the SuccessRate column

Result

The browser hangs and nothing happens

Expected result

The esf search list should render and the browser should not hang

Attachments

Attach a sample if available, and screenshots, if applicable.