@page "/datagrid-composite-columns"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Composite Columns</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Use DataGrid column <code>Columns</code> property to define child columns.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the <strong>Title</strong> column contains <strong>FirstName</strong> (which contains Job Title, Birth Date, Hire Date) and <strong>LastName</strong> (which contains Address), creating a 3-level hierarchy. Toggle <code>AllowCompositeDataCells</code> to enable/disable data cell merging and adjust filter modes.
</RadzenText>

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