Skip to main content
All docs
V25.1
  • DevExpress v25.1 Update — Your Feedback Matters

    Our What's New in v25.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

    Take the survey Not interested

    DxGrid.FilterMenuButtonDisplayMode Property

    Specifies when the Grid displays filter menu buttons in column headers.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    #Declaration

    C#

    #Property Value

    Type Default Description
    GridFilterMenuButtonDisplayMode Default

    An enumeration value.

    Available values:

    Name Description
    Default

    For the DxGrid.FilterMenuButtonDisplayMode property, the buttons are always hidden.
    For the DxGridDataColumn.FilterMenuButtonDisplayMode property, to inherit the value from the DxGrid.FilterMenuButtonDisplayMode property

    Never

    The buttons are always hidden.

    Always

    The buttons are always visible.

    #Remarks

    Set the FilterMenuButtonDisplayMode property to Always to display filter menu buttons in column headers. When a user clicks a filter menu button, the Grid displays a dropdown with all unique column values. Users can select and deselect these values to filter Grid data.

    To specify button visibility for a particular data column, use the FilterMenuButtonDisplayMode property.

    Run Demo: Column Filter Menu

    Note

    The Grid cannot create filter item lists for columns associated with certain data types (for instance, arrays and images). If you do not implement a filter menu template for such a column, the column filter menu displays the following text instead of filter items: “No filters are available for this column”.

    For more information about column filter menus, refer to the following help topic: Column Filter Menu in Blazor Grid.

    Razor
    @inject CustomerService CustomerData
    
    <DxGrid Data="@customers" 
            FilterMenuButtonDisplayMode="GridFilterMenuButtonDisplayMode.Always">
        <Columns>
            <DxGridDataColumn FieldName="ContactName" />
            <DxGridDataColumn FieldName="Company" />
            <DxGridDataColumn FieldName="Country" 
                              FilterMenuButtonDisplayMode="GridFilterMenuButtonDisplayMode.Never" />
        </Columns>
    </DxGrid>
    
    @code {
        IGrid grid { get; set; }
        DateTime data { get; set; }
        private Customer[]? customers;
        protected override async Task OnInitializedAsync() {
            customers = await CustomerData.GetData();
        }
    }
    

    Blazor Grid - Filter Menu

    See Also