Radzen Blazor Components

DataGrid Master/Detail

This page demonstrates how to create a master/detail relationship between two Radzen Blazor DataGrid components.

Order IDfilter_alt
Customerfilter_alt
Employeefilter_alt
Order Datefilter_alt
Required Datefilter_alt
Shipped Datefilter_alt
Ship Namefilter_alt
Ship Countryfilter_alt
10248Vins et alcools ChevalierSteven Buchanan Steven Buchanan07/04/202308/01/202307/16/2023Vins et alcools ChevalierFrance
10249Toms SpezialitätenMichael Suyama Michael Suyama07/05/202308/16/202307/10/2023Toms SpezialitätenGermany
10250Hanari CarnesMargaret Peacock Margaret Peacock07/08/202308/05/202307/12/2023Hanari CarnesBrazil
10251Victuailles en stockJanet Leverling Janet Leverling07/08/202308/05/202307/15/2023Victuailles en stockFrance
10252Suprêmes délicesMargaret Peacock Margaret Peacock07/09/202308/06/202307/11/2023Suprêmes délicesBrazil
Company: Vins et alcools Chevalier
Orderfilter_alt
Productfilter_alt
Unit Pricefilter_alt
Quantityfilter_alt
Discountfilter_alt
VINETQueso Cabrales$14.00120%
VINETSingaporean Hokkien Fried Mee$9.80100%
VINETMozzarella di Giovanni$34.8050%
All the tools in one place

Code Less. Deliver More.

With Radzen Subscription you get the full toolkit. Get started now and save hours on every project.

task_alt

Complete Blazor development environment.

task_alt

Open technology stack. No vendor lock-in.

task_alt

Ready-to-use UI blocks and app templates.

task_alt

Advanced theming.

task_alt

Dedicated support backed by proven expertise.

task_alt

No hidden runtime costs.

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT

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 🗙