DataTypeProvider Plugin Reference

A plugin that allows you to customize formatting options and editors depending on the data type.

Import

Use the following statement to import the plugin:

import { DataTypeProvider } from '@devexpress/dx-react-grid';

none

Name	Type	Description
for	Array<string>	The names of columns associated with the specified formatter and editor.
formatterComponent?	ComponentType<DataTypeProvider.ValueFormatterProps>	A component that renders the formatted value.
editorComponent?	ComponentType<DataTypeProvider.ValueEditorProps>	A component that renders a custom editor.
availableFilterOperations?	Array<FilterOperation>	The names of filter operations that are available for the associated columns.

Describes properties passed to a component that renders the formatted value.

Describes properties passed to a component that renders the value editor.

Field	Type	Description
column	Column	A column object.
row?	any	A row.
value	any	Specifies the editor value.
onValueChange	(newValue: any) => void	Handles value changes.
disabled	boolean	true if users should not be able to edit the value; otherwise, false.
autoFocus	boolean	true if the editor should be focused on render; otherwise, false.
onBlur	() => void	Calls the `EditingState` plugin's `commitChanges` handler and switches the editor from edit state when it loses focus (used for Inline Cell Editing).
onFocus	() => void	Applies an action when the editor gets focus (used for Inline Cell Editing).
onKeyDown	() => void	Handles key press: Enter saves changes, Esc discards them and switches the editor from edit state (used for Inline Cell Editing).

none

Name	Plugin	Type	Description
getAvailableFilterOperations	Getter	(columnName: string) => Array<string>?	A function that returns the names of filter operations available for a particular column.
valueFormatter	Template	DataTypeProvider.ValueFormatterProps	A template that renders the formatted value.
valueEditor	Template	DataTypeProvider.ValueEditorProps	A template that renders the editor.