Forums Ignite UI for React
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Pritam Kumar Shahi
15
Question: Custom Filtering Template in Ignite UI React Grids
posted

Hi everyone,

I am using Ignite UI React grids (IgrGrid, IgrColumn, etc.) in my project, and I need to replace the default Excel-style filtering or advanced filtering UI with a custom filtering template. Specifically, I want to design my own filtering UI (e.g., custom sorting, moving, text filter, selection etc.) and integrate it directly into the grid.

I couldn't find any documentation or API properties like filterTemplate in the official docs (Ignite UI React Grid Documentation).

My Questions:

  1. Does Ignite UI React grids provide a way to use a custom filtering template for columns?
  2. Are there any plans to support custom filtering templates in future releases?

Any guidance or examples would be greatly appreciated!

Thanks in advance!

  • 35130
    Offline posted

    Hello Pritam,

    The IgrColumn elements in the IgrGrid expose a filterCellTemplate property that you can use to re-template the filter-cell, but this will have no effect on the Excel-style or Advanced Filtering UI of the grid – it only affects the “quick filter” UI.

    Aside from this though, I do not believe there is currently a plan in place to provide a custom filtering template for the Advanced Filtering UI or Excel-style filter in the IgrGrid. If you would like to potentially see this implemented, my best recommendation would be to suggest a new feature request for this at our Ignite UI for React GitHub page, here: https://github.com/igniteUI/igniteui-react/issues. This will place you in direct communication with our development and product management teams.

    Please let me know if you have any other questions or concerns on this matter.