Nest Detail Records in Master Record Row?

Greetings everyone! First off I love Radzen, I don't know what I would do without it!

My question is this... In trying to meet a user request I stumbled upon this forum post where the exact thing I want appears to have been implemented. Does anyone know how to achieve a similar effect in Blazor using Radzen?

Display Detail Records In-Line on Master Rows W/Datagrid?
For every master record, I want to be able to display each detail within the same row as pictured in the screenshot I have linked to. Can someone help or point me to a better resource?



You can use Template property of the DataGrid similar to pages created with our Master/Detail Hierarchy wizard. Or you are looking for TreeGrid? TreeGrid like structure is not supported at the moment.

Vladimir, thank you for your prompt response. I am definitely trying to use the data grid. I will experiment with your suggestion today and respond again in this thread if I am still having problems!

Vladimir, I have tried your suggestion and am still having no luck :frowning:

I would like to match this scenario

The data class I have for my master table includes a defintion of the detail table, it looks like this
public virtual ICollection<TblDetail> TblDetail { get; set; }

Within the datagrid, I would like to call something like

        <RadzenGridColumn TItem="TblMaster"

Apologies for all the questions. I really appreciate your assistance on this. Is what I am asking for supported by Radzen Blazor?

If you want to have detail grid in the master grid column template you can do:

 <RadzenGrid AllowFiltering="true" AllowPaging="true" PageSize="3" AllowSorting="true"
                Data="@orders" TItem="Order">
            <RadzenGridColumn Width="100px" TItem="Order" Property="OrderID" Title="Order ID" />
            <RadzenGridColumn Width="200px" TItem="Order" Property="Customer.CompanyName" Title="Customer" />
            <RadzenGridColumn TItem="Order" Title="Details">
                <Template Context="order">
                    <RadzenGrid AllowFiltering="true" AllowPaging="true" AllowSorting="true" Data="@order.OrderDetails" TItem="OrderDetail">
                            <RadzenGridColumn TItem="OrderDetail" Property="Order.CustomerID" Title="Order" />
                            <RadzenGridColumn TItem="OrderDetail" Property="Product.ProductName" Title="Product" />
                            <RadzenGridColumn TItem="OrderDetail" Property="UnitPrice" Title="Unit Price">
                                <Template Context="detail">
                                    @String.Format(new System.Globalization.CultureInfo("en-US"), "{0:C}", detail.UnitPrice)
                            <RadzenGridColumn TItem="OrderDetail" Property="Quantity" Title="Quantity" />
                            <RadzenGridColumn TItem="OrderDetail" Property="Discount" Title="Discount">
                                <Template Context="detail">
                                    @String.Format("{0}%", detail.Discount * 100)
@code {
    IEnumerable<Order> orders;

    protected override void OnInitialized()
        orders = dbContext.Orders.Include("Customer").Include("Employee").Include("OrderDetails").Include("OrderDetails.Product").ToList();

Something went wrong..

  1. Get parent and child data:
  2. Bind data to master grid:
  3. Add new column to master grid and set it's template:
  4. Add child datagrid to template, set data souce to child data and try to add some column to child datagrid:
  5. Edit child datagrid columns:
  6. Crash!

Can you check the log file what's the error?

[2020-04-02 13:17:02.549] [error] TypeError: Cannot read property 'properties' of undefined
at resolveSchema (file:///Applications/
at su.render (file:///Applications/
at ki (file:///Applications/
at Ci (file:///Applications/
at Ti (file:///Applications/
at Vo (file:///Applications/
at Wo (file:///Applications/
at vs (file:///Applications/
at Cs (file:///Applications/
at Qs (file:///Applications/
at In (file:///Applications/

Thanks! I was able to reproduce it locally - we will do our best to release fix with our next update (early next week). In the meantime you can add the detail grid as template string: