@page "/datagrid-custom-header-columnpicker"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>Custom Header with a button</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Gives the grid a custom header, allowing the adding of components to create custom tool bars in addtion to column grouping and column picker
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo the same <strong>Toggle EmployeeID</strong> button from the custom header is combined with <code>AllowColumnPicking="true"</code>, demonstrating how custom toolbar buttons and the built-in column picker icon work together.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridCustomHeader">
    <DataGridCustomHeader WithColumnPicker="true" />
</RadzenExample>
