键盘交互
| 按键 | 操作 |
|---|---|
| 方向键 | 移动一个单元格。在从右到左的文本中,左右方向相反。 |
| Home / End | 移到本行(按住 Ctrl 时为整个表格)的第一个或最后一个单元格。 |
| Page Down / Page Up | 移动一屏的行。 |
| 在表头上按 Enter 或空格键 | 按该列排序;按住 Shift 时,将该列加入排序。 |
| 在表头上按 Alt + 向下箭头键 | 打开列面板。 |
| 在表头上按 Alt + 向左或向右箭头键 | 让列变窄或变宽;按住 Shift 时则移动该列。 |
| 在单元格上按 Enter | 编辑该单元格;无法编辑时则打开该行。 |
| F2 或直接输入 | 编辑单元格。 |
| 编辑时按 Enter、Esc 或 Tab | Enter 提交,Esc 取消,Tab 提交并移到下一格。 |
| 空格键 | 选择该行;按住 Shift 时,选择自上次所选行起的所有行。 |
| Ctrl + A | 选择所有行。 |
无障碍说明
- 它是带有
role="grid"的原生<table>,以label命名。表头带有aria-sort,可选择的行带有aria-selected。 - 表格在 Tab 键顺序中只占一个位置。焦点通过漫游式
tabindex在单元格之间移动,因此屏幕阅读器会连同行标题和列标题一起朗读每个单元格。 - 在分页或虚拟化时,
aria-rowcount、aria-rowindex和aria-colindex也始终保持正确。 - 排序、筛选、翻页和编辑错误,会通过不打断当前朗读的状态区域播报。