Element: <oj-table>

Oracle® JavaScript Extension Toolkit (JET)
16.1.0

F92238-01

DOM Interface: TableElement

Touch Information

Target Gesture Action
Cell Tap Focus on the row. If selectionMode for rows is enabled, selects the row as well. If multiple selection is enabled the selection handles will appear. Tapping a different row will deselect the previous selection.
Press & Hold Display context menu
Column Header Tap Focus on the header. If selectionMode for columns is enabled, selects the column as well.
Press & Hold Display context menu

Keyboard Information

Target Key Action
Cell Tab The first Tab into the Table moves focus to the first column header. The second Tab moves focus to the next focusable element outside of the Table.
If focus is on a row and the row is actionable then Tab moves focus to the next focusable element within the row. If focus is already on the last focusable element then focus will wrap to the first focusable element in the row.
If editMode is rowEdit, please see the section 'Cell in EditableRow'.
Shift+Tab The first Shift+Tab into the Table moves focus to the first column header. The second Shift+Tab moves focus to the previous focusable element outside of the Table.
If focus is on a row and the row is actionable then Shift+Tab moves focus to the previous focusable element within the row. If focus is already on the first focusable element then focus will wrap to the last focusable element in the row.
If editMode is rowEdit, please see the section 'Cell in EditableRow'.
DownArrow Move focus to the next row.
Shift+DownArrow Select and move focus to the next row.
Shift+F10 Display context menu.
Ctrl+DownArrow Move focus to the column footer.
UpArrow Move focus to the previous row. If at the first row then move to the column header.
Shift+UpArrow Select and move focus to the previous row.
Ctrl+UpArrow Move focus to the column header.
LeftArrow Move accessibility focus to the cell to the left (only applies when using a screen reader).
RightArrow Move accessibility focus to the cell to the right (only applies when using a screen reader).
Home Move focus to first row.
End Move focus to last row.
Space Select row.
Enter If the table editMode is rowEdit then make the current row editable.
If the table editMode is none then toggle the current row to actionable mode if there exists a tabbable element in the row. Once toggled to actionable mode, focus will be moved to be first tabbable element in the row.
F2 Toggle the current row to actionable mode if there exists a tabbable element in the row. Once toggled to actionable mode, focus will be moved to be first tabbable element in the row.
Cell in Editable Row Tab Move focus to next editable cell or focusable element in the row.
If focus is on the last editable cell or focusable element in the row, make the next row editable and move focus to the first editable cell or focusable element in the next row.
If focus is on the last editable cell or focusable element in the last row, move focus to next focusable element on the page (outside table).
Shift+Tab Move focus to previous editable cell or focusable element in the row.
If focus is on the first editable cell or focusable element in the row, make the previous row editable and move focus to the last editable cell or focusable element in the previous row.
If focus is on the first editable cell or focusable element in the first row, move focus to previous focusable element on the page (outside table).
DownArrow Handled in the editable cell.
Shift+DownArrow Handled in the editable cell.
Ctrl+DownArrow Handled in the editable cell.
UpArrow Handled in the editable cell.
Shift+UpArrow Handled in the editable cell.
Ctrl+UpArrow Handled in the editable cell.
LeftArrow Handled in the editable cell.
RightArrow Handled by the editable cell.
Home Handled in the editable cell.
End Handled in the editable cell.
Space Handled in the editable cell.
Enter Focus the next editable cell in the current column of the next editable row.
If last row is editable then make it readonly.
Shift+Enter Make the previous row editable and move focus to the editable cell in current column in the previous row.
If first row is editable then make it readonly.
F2 Handled in the editable cell.
Esc Make the current row readonly.
Column Header Tab Navigate to next focusable element on page (outside table).
Shift+Tab Navigate to previous focusable element on page (outside table).
Shift+F10 Display context menu.
DownArrow Move focus to the first row.
Ctrl+DownArrow Move focus to the column footer.
UpArrow Do nothing.
Ctrl+UpArrow Do nothing.
LeftArrow Move focus to previous column header.
Shift+LeftArrow Select and move focus to previous column header.
RightArrow Move focus to next column header.
Shift+RightArrow Select and move focus to next column header.
Home Move focus to first column header.
End Move focus to last column header.
Enter Toggle the sort order of the column if the column is sortable.
Space Select column.
F2 Toggle the column header region to actionable mode if there exists a tabbable element in the region. Once toggled to actionable mode, focus will be moved to be first tabbable element in the region.
Esc Exit actionable mode.
Column Footer Tab Navigate to next focusable element on page (outside table).
Shift+Tab Navigate to previous focusable element on page (outside table).
Shift+F10 Display context menu.
DownArrow Do nothing.
Ctrl+DownArrow Do nothing.
UpArrow Move focus to the last row.
Ctrl+UpArrow Move focus to the column header.
LeftArrow Move focus to previous column footer.
Shift+LeftArrow Select and move focus to previous column footer.
RightArrow Move focus to next column footer.
Shift+RightArrow Select and move focus to next column footer.
Home Move focus to first column footer.
End Move focus to last column footer.
Space Select column.
F2 Toggle the column footer region to actionable mode if there exists a tabbable element in the region. Once toggled to actionable mode, focus will be moved to be first tabbable element in the region.
Esc Exit actionable mode.