How to make multiple child data grid as the same level

Question

Hi,How to make multiple child data grid at the same level with URL adapter and the query string is shared in the parent grid and its children?Thanks

Thiyagu Subramani · Accepted Answer

Hi Ahmed, 
  
Thanks for contacting Syncfusion forum. 
  
Based on your shared information we suspect that you want to render multiple child Grid in same level of parent row expanding. For this we would like to inform our default hierarchical binding and detail Template features to achieve this requirement. 
  
The Grid allows display of table data in a hierarchical structure to visualize relations between parent and child records. This feature is enabled by defining the childGrid and childGrid.queryString. The childGrid describes the options of grid and the childGrid.queryString describes the relation between parent and child grids. Already we explained in below documentation. Please refer it. 
  
UG: https://ej2.syncfusion.com/documentation/grid/hierarchy-grid/#hierarchical-binding 
  
If you want bind hierarchy grid with different field - By default, Parent and child grid relation will be maintained by queryString property. We should use the same field name to map both parent and child grid. To achieve parent and child relation with different fields, we need to change the mapping value in the child grid load event. Already we explained in below link. 
  
UG: https://ej2.syncfusion.com/documentation/grid/hierarchy-grid/#bind-hierarchy-grid-with-different-field 
  
Demo Sample : https://ej2.syncfusion.com/aspnetcore/Grid/MasterDetailsExport#/material 
  
The detail template provides additional information about a particular row by expanding or collapsing detail content. The detailTemplate property accepts either the template string or HTML element ID.  
  
UG: https://ej2.syncfusion.com/aspnetcore/documentation/grid/row/#detail-template 
  
UG: https://ej2.syncfusion.com/aspnetcore/documentation/grid/row/#rendering-custom-component – To render custom component (Grid) in detail Template. 
  
Demo Sample:  https://ej2.syncfusion.com/aspnetcore/Grid/DetailTemplate#/material 
  
URL Adaptor: https://ej2.syncfusion.com/aspnetcore/documentation/grid/edit/#url-adaptor 
  
https://ej2.syncfusion.com/documentation/grid/edit/#url-adaptor 
  
Using this above feature, you can achieve your requirement as per your needs. 
  
If still facing the issue, please share below details then only we can provide the appropriate solution as soon as possible. 
  
1. Share complete Grid rendering code both parent and child. 
  
2. Share brief explanation of your exact requirement with UI representation ? 
  
3. Syncfusion package version. 
  
Regards, 
Thiyagu S

Ahmed · Answer

Thank you very much for response

Rajapandiyan Settu · Answer

Hi Ahmed,  
  
You’re welcome. We are glad that the provided solution resolved your requirement. 
 
Please get back to us if you need further assistance with this. 
 
Regards, 
Rajapandiyan S