키보드 상호작용

키동작
화살표 키한 셀 이동합니다. 오른쪽에서 왼쪽으로 쓰는 언어에서는 좌우가 반대입니다.
Home / End행(Ctrl과 함께 누르면 그리드 전체)의 첫 번째 또는 마지막 셀로 이동합니다.
Page Down / Page Up한 화면 분량의 행만큼 이동합니다.
헤더에서 Enter 또는 Space그 열로 정렬합니다. Shift와 함께 누르면 정렬에 추가합니다.
헤더에서 Alt + 아래쪽 화살표열 패널을 엽니다.
헤더에서 Alt + 왼쪽 또는 오른쪽 화살표열을 좁히거나 넓힙니다. Shift와 함께 누르면 열을 이동합니다.
셀에서 Enter셀을 편집합니다. 편집할 수 없으면 행을 엽니다.
F2 또는 문자 입력셀을 편집합니다.
편집 중 Enter, Esc, TabEnter는 확정, Esc는 취소, Tab은 확정 후 다음으로 이동합니다.
Space행을 선택합니다. Shift와 함께 누르면 마지막으로 선택한 행부터 범위를 선택합니다.
Ctrl + A모든 행을 선택합니다.

접근성 참고 사항

  • role="grid"를 가진 네이티브 <table>이며, label로 이름을 지정합니다. 헤더에는 aria-sort가, 선택할 수 있는 행에는 aria-selected가 지정됩니다.
  • 그리드는 탭 순서에서 한 번만 멈춥니다. 포커스는 로빙 tabindex로 셀 사이를 이동하므로, 스크린 리더는 각 셀을 행 헤더, 열 헤더와 함께 읽어 줍니다.
  • 행을 페이지로 나누거나 가상화해도 aria-rowcount, aria-rowindex, aria-colindex는 올바른 값을 유지합니다.
  • 정렬, 필터링, 페이지 이동, 편집 오류는 읽고 있던 내용을 끊지 않는 상태 영역에서 안내됩니다.