Hierarchy Master and Detail with two DataGrid components

This guide demonstrates how to create two DataGrid hierarchy master/detail using Northwind Orders/OrderDetails.

Quick video

Step by step

  1. Drop DataGrid component to Radzen design surface, bind it to Orders, enable paging, sorting and filtering and auto-generate columns

  2. Edit DataGrid template, drop second DataGrid component, bind it to OrderDetails from parent data-item and auto-generate columns

  3. Expand OrderDetails on DataGrid loadData event and Page load event

  4. Run the application and expand order details

Get Radzen

Sign-up to download the free 30-day Radzen trial.