B.21 OJET Grid (oj-grid)
This section contains information on the grid keystroke.
Table B-19 Grid Keystroke
| Target | Key | Action |
|---|---|---|
| Cell | Tab | The first Tab into the DataGrid moves focus to the first cell of the first row. The second Tab moves focus to the next focusable element outside of the DataGrid. |
| Shift + Tab | The first Shift + Tab into the DataGrid moves focus to the first cell of the first row. The second Shift + Tab moves focus to the previous focusable element outside of the DataGrid. | |
| Left Arrow | Moves focus to the cell of the previous column within the current row. There is no wrapping at the beginning or end of the columns. If a row header is present, then the row header next to the first column of the current row will gain focus. | |
| Right Arrow | Moves focus to the cell of the next column within the current row. There is no wrapping at the beginning or end of the columns. | |
| Up Arrow | Moves focus to the cell of the previous row within the current column. There is no wrapping at the beginning or end of the rows. If a column header is present, then the column header above the first row of the current column will gain focus. | |
| Down Arrow | Moves focus to the cell of the next row within the current column. There is no wrapping at the beginning or end of the rows. | |
| Home | Moves focus to the first (available) cell of the current row. | |
| End | Moves focus to the last (available) cell of the current row. | |
| Page Up | Moves focus to the first (available) cell in the current column. | |
| Page Down | Moves focus to the last (available) cell in the current column. | |
| Ctrl + Space | Selects all the cells of the current column. This is only available if multiple cell selection modes are enabled. | |
| Shift + Space | Selects all the cells of the current row. This is only available if multiple cell selection modes are enabled. | |
| Shift + Arrow | Extends the current selection. | |
| Ctrl + Arrow | Move focus to level 0 of the active index of the header in the arrow direction if it exists. | |
| Shift + F8 | Freezes the current selection, therefore allowing the user to move focus to another location to add additional cells to the current selection. This is used to accomplish non-contiguous selection. Use the Esc key or press Shift+F8 again to exit this mode. | |
| Shift + F10 | Brings up the context menu. | |
| Ctrl + X | Marks the current row to move if dnd is enabled and the data source supports move operation. | |
| Ctrl + V | Move the row that is marked to directly under the current row. If the row with the focused cell is the last, then it is a move to the row above the current row. | |
| Ctrl + A | If multiple selections are enabled, perform a select all on the Datagrid. | |
| Ctrl + Alt + 5 | Read the context and content of the current cell to the screen reader. | |
| F2 | Makes the content of the cell actionable, such as a link. | |
| Enter | Makes the content of the cell actionable and acts on the content, such as going to a link. | |
| Alt + Enter | Makes the content of the cell actionable, such as a link. | |
| Esc | If the cell is actionable, it exits the actionable mode. | |
| Column Header Cell | Left Arrow | Moves focus to the previous column header. There is no wrapping at the beginning or end of the column headers. |
| Right Arrow | Moves focus to the next column header. There is no wrapping at the beginning or end of the column headers. | |
| Down Arrow | Moves focus to the cell of the first row directly below the column header. If using nested headers moves to focus up a level. | |
| Up Arrow | If using nested headers moves the focus down a level. | |
| Ctrl + Up Arrow | If in the column end header, move focus to level 0 of the active index in the column header if it exists. | |
| Ctrl + Down Arrow | If in the column header, move focus to level 0 of the active index in the column end header if it exists. | |
| Enter | Toggle the sort order of the column if the column is sortable. | |
| Shift + F10 | Brings up the context menu. | |
| Space | If multiple selections are enabled and not in the selection Mode row, the column(s) underneath the header will be selected. | |
| Shift + Right Arrow | If multiple selections are enabled and not in the SelectionMode row, the column selection extends to the right by the number of columns covered by the header to the right of the current selection frontier header. | |
| Shift + Left Arrow | If multiple selections are enabled and not in the SelectionMode row, the column selection extends to the right-left the number of columns covered by the header to the left of the current selection frontier header. | |
| Shift + Up Arrow |
If multiple selections are enabled and not in the SelectionMode row and the current selection frontier header has a parent nested header, the column selection extends to cover the columns beneath the parent header. Extending the selection with arrow keys use the parent level. If the parent header is directly above the anchor header, the anchor shifts to the parent header and future selections are based on the parent header. If we are already at the highest level, nothing happens. |
|
| Shift + Down Arrow |
If multiple selections are enabled and not in the SelectionMode row and the current selection frontier header has a child nested header, the column selection extends to cover the columns beneath the child header. Extending the selection with arrow keys will use the child level. If the child header is directly below the anchor header, the anchor shifts to the child header and future selections are based on the child header. If we are already at the lowest level, it moves into the data body and select the first cell underneath the header. |
|
| Row Header Cell | Up Arrow | Moves focus to the previous row header. There is no wrapping at the beginning or end of the row headers. |
| Down Arrow | Moves focus to the next row header. There is no wrapping at the beginning or end of the row headers. | |
| Right Arrow | Moves focus to the cell of the first column directly next to the row header. If using nested headers moves to focus up a level. | |
| Left Arrow | Moves focus to the cell of the first column directly next to the row header in the RTL direction. If using nested headers moves the focus down a level. | |
| Ctrl + Left Arrow | If in the row end header, move focus to level 0 of the active index in the row header if it exists. | |
| Ctrl + Right Arrow | If in the row header, move focus to level 0 of the active index in the row end header if it exists. | |
| Shift + F10 | Brings up the context menu. | |
| Space | If multiple selections are enabled, the row(s) underneath the header are selected. | |
| Shift + Up Arrow | If multiple selections are enabled, the row selection extends up by the number of rows covered by the header above the current selection frontier header. | |
| Shift + Down Arrow | If multiple selections are enabled, the row selection extends down by the number of rows covered by the header below the current selection frontier header. | |
| Shift + Left Arrow |
If multiple selections are enabled and the current selection frontier header has a parent nested header, the row selection extends to cover the rows beneath the parent header. Extending the selection with arrow keys use the parent level. If the parent header is directly above the anchor header, the anchor shifts to the parent header and future selections is based on the parent header. If we are already at the highest level, nothing happens. |
|
| Shift + Right Arrow |
If multiple selections are enabled and the current selection frontier header has a child nested header, the row selection extends to cover the rows beneath the child header. Extending the selection with arrow keys uses the child level. If the child header is directly below the anchor header, the anchor shifts to the child header and future selections are based on the child header. If we are already at the lowest level, it simply moves into the data body and select the first cell underneath the header. |