键盘交互

按键操作
方向键移动一个单元格。在从右到左的文本中,左右方向相反。
Home / End移到本行(按住 Ctrl 时为整个表格)的第一个或最后一个单元格。
Page Down / Page Up移动一屏的行。
在表头上按 Enter 或空格键按该列排序;按住 Shift 时,将该列加入排序。
在表头上按 Alt + 向下箭头键打开列面板。
在表头上按 Alt + 向左或向右箭头键让列变窄或变宽;按住 Shift 时则移动该列。
在单元格上按 Enter编辑该单元格;无法编辑时则打开该行。
F2 或直接输入编辑单元格。
编辑时按 Enter、Esc 或 TabEnter 提交,Esc 取消,Tab 提交并移到下一格。
空格键选择该行;按住 Shift 时,选择自上次所选行起的所有行。
Ctrl + A选择所有行。

无障碍说明

  • 它是带有 role="grid" 的原生 <table>,以 label 命名。表头带有 aria-sort,可选择的行带有 aria-selected。
  • 表格在 Tab 键顺序中只占一个位置。焦点通过漫游式 tabindex 在单元格之间移动,因此屏幕阅读器会连同行标题和列标题一起朗读每个单元格。
  • 在分页或虚拟化时,aria-rowcount、aria-rowindex 和 aria-colindex 也始终保持正确。
  • 排序、筛选、翻页和编辑错误,会通过不打断当前朗读的状态区域播报。