Vue 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.

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.

number

default: 524288

Max number of characters to allow.

Next Up

Continue to the next section: Large Text Cell Editor.