The dxDataGrid widget grants end-users the ability to perform basic operations in that grid using a keyboard. Useful functions of keys and key combinations differ depending on whether a grid is in a normal or editing state. The following table provides an overview of keys and key combinations that can be used in each state of dxDataGrid. Additional information is given in footnotes.
|Key / Key Combination||Normal State||Editing State|
|Arrow Keys||Navigate through data cells||-|
|Enter||In case of a data cell, switches it into an editing state. In case of a group row, collapses/expands the corresponding group.1||Saves changes made in a data cell/row and switches it back to a normal state.|
|Esc||-||Cancels changes made in a data cell/row and switches it back to a normal state.|
|PageUp||Switches the grid to the previous page.2||Switches the grid to the previous page.2|
|PageDown||Switches the grid to the next page.2||Switches the grid to the next page.2|
|Space||Selects the data row to which the currently focused cell belongs.3 Previously selected rows, if any, become unselected.||-|
|Space + Ctrl||Selects/deselects the data row to which the currently focused cell belongs. Previously selected rows, if any, remain selected.4||-|
|Space + Shift||Selects/deselects all data rows located between the last selected/deselected row and the currently focused row.4||-|
|Ctrl + A||Selects all grid rows.3,5||Selects all grid rows.3,5|
|Ctrl + F||Shifts the focus to the search panel.6||Shifts the focus to the search panel.6|
|Alt + ↓||-||Opens a drop-down editor (a select box7, a calendar8, etc.).|
|Tab||-||Shifts the focus to the next cell in a data row.|
2 - The pager must be visible.
3 - selection | mode must be different from "none".
4 - selection | mode must be "multiple".
5 - selection | allowSelectAll must be true.
6 - The search panel must be visible.
7 - A select box appears in a data cell when you use a lookup in a column.
8 - A calendar appears in a data cell when a column contains data of a "date" type.