DataGrid Master Detail Hierarchy

This page demonstrates how to use templates to create a Radzen Blazor DataGrid hierarchy.

In this demo a 4-level hierarchy shows Customers → Orders (with tabs) → Order Details → Employee Territories. You can toggle ExpandMode between Single/Multiple and use buttons to expand/collapse all rows on the current page.

ExpandMode:
EC
CustomerID
CompanyName
ContactName
ContactTitle
City
Country
No records to display.
✨ 오늘의 명언 & 마음의 양식

“남들이 가보지 않은 길을 따라가서 자신만의 흔적을 남겨라.”

— 랄프 발도 에머슨 (시인, 철학자)

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙