Hierarchy Grid Integrated with query builder (parent level filter)

Hello Syncfusion,

React Hierarchy grid and Query builder integated with parent data grid 

hierchy grid with query builder image.png

I am sharing code throught zig file.

Here I need to filter parent records based on the child record column. If I select "Product" field in query builder and enter value as "Laptop", it has to filter parent records who's child record Product column contain value as "Laptop".


Please help me find a way.


regards,

Vishnu k.


Attachment: hierarchygridwithquerybuilder_fd0794f2.zip

1 Reply

YS Yohapuja Selvakumaran Syncfusion Team May 5, 2025 05:28 AM UTC

Hi Vishnuvardhan Krishnagiri,

Thank you for reaching out to us. You can refer to the following knowledge base articles for guidance on how to filter the DataGrid using the Query Builder:


How to implement filtering in Blazor DataGrid with QueryBuilder?

https://ej2.syncfusion.com/react/documentation/grid/hierarchy-grid

https://ej2.syncfusion.com/react/documentation/query-builder/filtering


These resources provide step-by-step instructions and examples to help you integrate filtering functionality effectively.


If you’re still facing issues or if your requirement differs, kindly share more details about your specific use case. This will help us provide a more accurate and tailored solution.


Please let us know if you need any further assistance.


Regards,

Yohapuja S


Loader.
Up arrow icon