React DataGrid - filterRow.operationDescriptions

Specifies descriptions for filter operations on the filter list.

Selector: OperationDescriptions
Type:

FilterRowOperationDescriptions

The following code sample illustrates how to set this property:

jQuery
index.js
$(function() {
    $("#dataGridContainer").dxDataGrid({
        filterRow: {
            // ...
            operationDescriptions: {
                startsWith: "Begins with"
            }
        }
    });
});
Angular
app.component.html
app.module.ts
<dx-data-grid ... >
    <dxo-filter-row ... >
        <dxo-operation-descriptions
            startsWith="Begins with">
        </dxo-operation-descriptions>
    </dxo-filter-row>
</dx-data-grid>
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

import { DxDataGridModule } from 'devextreme-angular';

@NgModule({
    declarations: [
        AppComponent
    ],
    imports: [
        BrowserModule,
        DxDataGridModule
    ],
    providers: [ ],
    bootstrap: [AppComponent]
})
export class AppModule { }
Vue
App.vue
<template>
    <DxDataGrid ... >
        <DxFilterRow ... >
            <DxOperationDescriptions
                starts-with="Begins with"
            />
        </DxFilterRow>
    </DxDataGrid>
</template>

<script>
import 'devextreme/dist/css/dx.light.css';

import DxDataGrid, {
    DxFilterRow,
    DxOperationDescriptions
} from 'devextreme-vue/data-grid';

export default {
    components: {
        DxDataGrid,
        DxFilterRow,
        DxOperationDescriptions
    },
    // ...
}
</script>
React
App.js
import 'devextreme/dist/css/dx.light.css';

import DataGrid, {
    FilterRow,
    OperationDescriptions
} from 'devextreme-react/data-grid';

export default function App() {
    return (
        <DataGrid ... >
            <FilterRow ... >
                <OperationDescriptions
                    startsWith="Begins with"
                />
            </FilterRow>
        </DataGrid>
    );
}
See Also

between

A description for the "between" operation.

Type:

String

Default Value: 'Between'

contains

A description for the "contains" operation.

Type:

String

Default Value: 'Contains'

endsWith

A description for the "endswith" operation.

Type:

String

Default Value: 'Ends with'

equal

A description for the "=" operation.

Type:

String

Default Value: 'Equals'

greaterThan

A description for the ">" operation.

Type:

String

Default Value: 'Greater than'

greaterThanOrEqual

A description for the ">=" operation.

Type:

String

Default Value: 'Greater than or equal to'

lessThan

A description for the "<" operation.

Type:

String

Default Value: 'Less than'

lessThanOrEqual

A description for the "<=" operation.

Type:

String

Default Value: 'Less than or equal to'

notContains

A description for the "notcontains" operation.

Type:

String

Default Value: 'Does not contain'

notEqual

A description for the "<>" operation.

Type:

String

Default Value: 'Does not equal'

startsWith

A description for the "startswith" operation.

Type:

String

Default Value: 'Starts with'