JavaScript/jQuery DataGrid - filterRow.operationDescriptions
Specifies descriptions for filter operations on the filter list.
Type:
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
- columns[].filterOperations
greaterThanOrEqual
A description for the ">=" operation.
Type:
Default Value: 'Greater than or equal to'
Feedback