Skip to main content
All docs
V25.1
  • DxTreeList.ShowFilterRow Property

    Specifies whether the TreeList displays the filter row.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(false)]
    [Parameter]
    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 activate a row that allows users to filter TreeList data. The filter row displays in-place text editors for all data columns. When a user types into an editor, the TreeList creates a filter condition based on the editor value and applies this condition to the corresponding column.

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

    Blazor TreeList Filter Row

    Run Demo: TreeList - Filter Row

    For more information about the filter row, see the following topic: Filter API in Blazor TreeList.

    Apply a Filter When a User Types Text

    To filter data as a user types in the filter row, follow the steps below:

    <DxTreeListDataColumn FieldName="Name" Caption="Task">
        <FilterRowCellTemplate>
            <DxTextBox Text="@((string)context.FilterRowValue)" BindValueMode=BindValueMode.OnInput
                       TextChanged="(string v) => context.FilterRowValue = v" />
        </FilterRowCellTemplate>
    </DxTreeListDataColumn>
    

    Customize Filter Row Editors

    You can customize filter row editors in the following ways:

    See Also