Hello Jonas,

I have been looking into your question and determined that when the excel style filtering window is expanded, the z-index of the igx-tree-grid from which this window was expanded is removed, but on the second igx-tree-grid that is below, the z-index remains because it does not from there the excel style filling window is expanded. Therefore, this is the reason why the excel style filtering window spanned by the first igx-tree-grid goes under the second igx-tree-grid.

What I can suggest is in the style file of the given component in which the igx-tree-grids are located or globally in the styles.scss file to select the igx-tree-grids by class by selecting in the default mode .igx-grid, in cosy mod .igx-grid--cosy and in compact mod also .igx-grid--compact then remove the z-index of the igx-tree-grids by setting it to unset. This will align the grids to the same level and when the excel style filtering container is expanded from a given grid it will extend above all igx-tree-grids.

The described scenarios can be observed here:

In addition, I have prepared small sample illustrating my suggestion which could be found here. Please test it on your side and let me know how it behaves.

If you require any further assistance on the matter, please let me know.

Regards,

Georgi Anastasov

Entry Level Software Developer

Infragistics

Hello Jonas,

This is an initial update to let you know that we have received your support request and I am currently looking into this matter for you. I will keep you posted on my progress and I will get back to you soon with more information or questions for you. 

Please feel free to continue sending updates to this case at any time. 

Regards,
Georgi Anastasov
Entry Level Software Developer
Infragistics