@page "/datagrid-mixed-filter"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid mixed <strong>Advanced</strong> or <strong>Simple</strong> Filter modes
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    The column <code>FilterMode</code> property allows you to mix <code>Advanced</code> and <code>CheckBoxList</code> or <code>Simple</code> and <code>SimpleWithMenu</code> filter mode per column.
    Advanced filter modes cannot be mixed with simple filter modes.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo <strong>OrderID</strong> column is using <code>Advanced</code> while rest columns will use <code>CheckBoxList</code> filter mode or
    <strong>CompanyName</strong> column is using <code>SimpleWithMenu</code> while rest columns will use <code>Simple</code> filter mode.
</RadzenText>


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