DxGrid.FilterMenuButtonDisplayMode Property

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

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

[DefaultValue(GridFilterMenuButtonDisplayMode.Default)]
[Parameter]
public GridFilterMenuButtonDisplayMode FilterMenuButtonDisplayMode { get; set; }

Property Value

An enumeration value.

|

Available values:

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 additional information about column filter menus, refer to the following help topic: Column Filter Menu in Blazor Grid.

@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();
    }
}

Implements

FilterMenuButtonDisplayMode

See Also

DxGrid Class

DxGrid Members

DevExpress.Blazor Namespace