@page "/master-detail"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid Master/Detail
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    This page demonstrates how to create a master/detail relationship between two Radzen Blazor DataGrid components.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the master <strong>Orders</strong> grid on the left shows selected order's customer company name above, while the detail panel on the right displays <strong>Order Details</strong> grid and <strong>Products</strong> data list in tabs, with the first order pre-selected.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridMasterDetail">
    <DataGridMasterDetail/>
</RadzenExample>
