@page "/datagrid-grouping-api"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>DataGrid Grouping API</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Set AllowGrouping="true" to enable group by column and GroupPanelText to localize the group panel text. Set Groupable="false" for column to disable grouping by that column.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the grid is pre-grouped by <strong>Title</strong> (descending) with <code>HideGroupedColumn="true"</code>, the <strong>Photo</strong> column has <code>Groupable="false"</code>, and controls toggle the group expand column visibility and expand/collapse all groups with events logged to the console.
</RadzenText>

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