Features:

• Displaying hierarchical relationships that can be defined manually between multiple tables.
• Records in the hierarchical relationships that can be synchronized to update all records whenever changes are made to one record.
• Parent records that are expandable and collapsible.
• The ability to expand all records with nested relations, revealing underlying record details, by clicking the Expand/Collapse arrows.

• Use the ChildGrid method to pass the ChildGridTemplate argument type (seen below).
• Make sure ParentRelationKey contains the foreign key to relate to the parent.
• The child grid should have a unique ID, so set the ID with the parent’s primary key using “${OrderID}” (seen below).

<%=Html.Syncfusion().Grid("GridSrc")
                         .Datasource(Model)
                         .Caption("Order Grid")
                         .AutoFormat(Skins.Monochrome)

                         .ChildGrid(child =>
                         {
            child.ChildGridTemplate(Html.Syncfusion().Grid("ChildGrid_${OrderID}")
                            .ParentRelationKey(new string[] { "CustomerID" })
                            .ToChildGridTemplate());
                        })
                %>
        

In the Controller, post ActionResult with the ID and send the data source for the parent or child grid.
      
 
        public ActionResult Index(PagingParams args, string CustomerID)
        {
        if (args.ID.Contains("ChildGrid"))
            {                
                IEnumerable data = new NorthwindDataContext().Customers.Where(c => c.CustomerID == CustomerID).ToList();
                return data.GridActions();                
            }
            else
            {
                var ordersData = new NorthwindDataContext().Orders.Take(60).ToList();
                return ordersData.GridActions();
            }
        }
       
    
 For more information, please visit our Hierarchy Grid Documentation :
    
    Hierachy Grid