Keyboard Navigation in Vue DataTable
- Left Arrow key is pressed - Navigates to the Previous Page. If Row Details is enabled, Collapses the Row.
- Right Arrow key is pressed - Navigates to the Next Page. If Row Details is enabled, Expands the Row.
- Up Arrow key is pressed - Selects the row above.
- Down Arrow key is pressed - Selects the row below.
- Page Up/Down is pressed - Navigate Up or Down with one page.
- Home/End is pressed - Navigate to the first or last row on the current page.
- Enter key is pressed - Saves the Edited Row.
- Esc key is pressed - Closes all Editors and Cancels the changes.
- F2 key is pressed - Enters edit mode for the currently selected row.
- Shift+Arrow key extends the selection.
- Shift extends the selection when an end user clicks on a row.
- Ctrl key is pressed - extends the selection when an end user clicks on a row.