Vue DataGrid - keyboardNavigation

Configures keyboard navigation.

Selector: DxKeyboardNavigation
Type:

KeyboardNavigation

View Demo

editOnKeyPress

Specifies whether users can enter a new cell value on a key press. Applies if editing.mode is "cell" or "batch".

Selector: edit-on-key-press
Type:

Boolean

Default Value: false

Users can only enter a new value when they press a key on the numeric or alphanumeric keypad.

View Demo

enabled

Enables keyboard navigation.

Type:

Boolean

Default Value: true

enterKeyAction

Specifies whether the Enter key switches the cell or row to the edit state or moves focus in the enterKeyDirection. Applies for all edit modes, except "popup".

Selector: enter-key-action
Type:

EnterKeyAction

Default Value: 'startEdit'

View Demo

enterKeyDirection

Specifies the direction in which to move focus when a user presses Enter. Applies if editing.mode is "cell" or "batch".

Selector: enter-key-direction
Type:

EnterKeyDirection

Default Value: 'none'

View Demo