Angular Data Grid

Text 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
        },
    },
]

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

useFormatter Typeboolean	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 Typenumber Default524288	Max number of characters to allow.

Continue to the next section: Large Text Cell Editor.