DxDataGrid<T>.ShowFilterRow Property

Specifies whether the grid displays the filter row.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
[DefaultValue(false)]
public bool ShowFilterRow { get; set; }

Property Value

Type Default Description
Boolean

false

true, to display the filter row; otherwise, false.

Remarks

Enable the ShowFilterRow option to display a row that allows users to filter grid data.

<DxDataGrid Data="@DataSource"
            ShowFilterRow="true">
    @*...*@
</DxDataGrid>

DataGrid Filter Row

The filter row displays different in-place editors depending on the column types.

Column Type

Row Editor

How to Filter

DxDataGridCheckBoxColumn

DxComboBox

A user can select an item from the drop-down list. The filter is applied immediately.

The list contains the following items: True, False, and (optionally) Indeterminate. You can also specify custom text for these items.

DxDataGridColumn

DxTextBox

A user can type text in the editor. The filter is applied after the user presses Enter or the editor loses focus.

DxDataGridComboBoxColumn

DxComboBox

A user can select an item from the drop-down list. The filter is applied immediately.

DxDataGridDateEditColumn

DxDateEdit

A user can select a date from the drop-down calendar and apply the filter immediately.

Alternatively, the user can type a date in the editor. The filter is applied after the user presses Enter or the editor loses focus.

DxDataGridSpinEditColumn

DxSpinEdit

A user can click spin buttons to change a value and apply the filter immediately.

Alternatively, the user can type a value in the editor. The filter is applied after the user presses Enter or the editor loses focus.

To disable end-user capability to filter data against an individual column, set its AllowFilter property to false.

Run Demo: Data Grid - Filter Row

See Also