Search

React Data GridText Cell Editor

Simple text editor that uses the standard HTML input. This editor is the default if none other specified.

Enabling Text Cell Editor

Edit any cell in the grid below to see the Text Cell Editor:

Enabled with agTextCellEditor and configured with ITextCellEditorParams.

columnDefs: [
    {
        cellEditor: 'agTextCellEditor',
        cellEditorParams: {
            maxLength: 20
        },
    },
]

API Reference

Properties available on the ITextCellEditorParams<TData = any, TValue = any, TContext = any> interface.

useFormatter
boolean
If true, the editor will use the provided colDef.valueFormatter to format the value displayed in the editor. Used when the cell value needs formatting prior to editing, such as when using reference data and you want to display text rather than code.
maxLength
number
default: 524288
Max number of characters to allow.

Next Up

Continue to the next section: Large Text Cell Editor.