Keyboard interaction

KeyAction
Arrow keysMove one cell. Left and right are mirrored in right-to-left text.
Home and EndGo to the first or last cell in the row; with Ctrl, in the grid.
Page Down and Page UpMove one screen of rows.
Enter or Space on a headerSort by the column; with Shift, add it to the sort.
Alt + down arrow on a headerOpen the column panel.
Alt + left or right arrow on a headerMake the column narrower or wider; with Shift, move it.
Enter on a cellEdit it, or open the row when it can’t be edited.
F2, or typingEdit the cell.
Enter, Escape and Tab while editingCommit, cancel, or commit and move on.
SpaceSelect the row; with Shift, the rows since the last one.
Ctrl + ASelect every row.

Accessibility notes

  • A native <table> with role="grid", named by label. Headers carry aria-sort, and selectable rows aria-selected.
  • The grid is one tab stop. Focus moves from cell to cell with a roving tabindex, so screen readers read each cell with its row and column headers.
  • aria-rowcount, aria-rowindex and aria-colindex stay right while rows are paged or virtualized.
  • Sorting, filtering, paging and editing errors are announced in a polite status region.