Skip to main content

Interactivity

Open in ChatGPT

The Table component will respond to various keyboard inputs from users to allow for more fine-grained interaction. The following list outlines the various behaviors when the designated key is pressed:

Keyboard Interations​

KeyBehavior
SpaceSelects the current row.
EnterFocuses the cell, or the focusable element if the cell has a renderer.
HomeFocuses the first cell of the first column and row.
EndFocuses the last cell of the last column and row.
Shift + TabIf the cell is in the body of the table and Shift + Tab is pressed, it focuses the first focusable cell in the header.
→If the Ctrl key is pressed, it focuses the last cell of the current row. Otherwise, it focuses the next cell horizontally.
←If the Ctrl key is pressed, it focuses the first cell of the current row. Otherwise, it focuses the previous cell horizontally.
↑If the Ctrl key is pressed, it focuses the first cell of the current column. Otherwise, it focuses the previous cell vertically.
↓If the Ctrl key is pressed, it focuses the last cell of the current column. Otherwise, it focuses the next cell vertically.