@page "/datagrid-filter-template"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid custom Column FilterTemplate
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    This page demonstrates how to define custom DataGrid column filter template.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo <strong>ID</strong> uses <code>RadzenNumeric</code>, <strong>Customer</strong> and <strong>WorkStatus</strong> use multi-select <code>RadzenDropDown</code>, <strong>Hire Date</strong> uses <code>RadzenDatePicker</code>, and <strong>Title Of Courtesy</strong> uses a single-select dropdown with an "All" option for clearing filters.
</RadzenText>

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

<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pt-8 rz-mb-6">
    This page demonstrates how to use a Custom Command (FilterOperator.Custom) in a custom DataGrid column filter template.
</RadzenText>

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