DxGridDataColumn.FilterRowValue Property

Specifies the initial value in the column’s filter row editor.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
public object FilterRowValue { get; set; }

Property Value

Type Description
Object

The initial editor value.

Remarks

Enable the ShowFilterRow option to activate a row that allows users to filter Grid data. This row displays in-place text editors for all data columns. Use the FilterRowValue property to specify the initial editor value. You should also specify the FilterRowOperatorType property to define an operator type used to create a filter condition based on the editor value.

You can handle the FilterRowValueChanged event to respond to row value changes.

@using Grid.Northwind
@inject NorthwindContext Northwind

<DxGrid Data="@Data"
        ShowFilterRow="true">
    <Columns>
        <DxGridDataColumn FieldName="OrderId"  DisplayFormat="d"/>
        <DxGridDataColumn FieldName="OrderDate" DisplayFormat="d" />
        <DxGridDataColumn FieldName="ProductName"
                          FilterRowValue='"Queso"'
                          FilterRowOperatorType="GridFilterRowOperatorType.Contains" />
        <DxGridDataColumn FieldName="UnitPrice" DisplayFormat="c2" />
        <DxGridDataColumn FieldName="Shipped" UnboundType="GridUnboundColumnType.Boolean"
                          UnboundExpression="[ShippedDate] <> Null">
            <CellDisplayTemplate>
                <DxCheckBox CssClass="d-inline-block" Enabled="false" Checked="(bool)context.Value" />
            </CellDisplayTemplate>
        </DxGridDataColumn>
    </Columns>
</DxGrid>

@code {
    object Data { get; set; }

    protected override void OnInitialized() {
        Data = Northwind.Invoices
            .ToList();
    }
}

Blazor Grid Filter Row

Run Demo: Data Grid - Filter Row

Implements

See Also