터치 선택 범위

이 항목에서는 터치 지원 환경에서의 선택 동작에 대해 설명합니다.

마우스 기반 상호 작용에서는 활성 셀의 오른쪽 아래 모서리에 채우기 핸들이 표시됩니다. 터치 지원 환경에서는 선택한 범위의 모서리에 원형 선택 표시기(선택 그리퍼라고도 함)가 나타나며, 이를 사용하여 선택 영역의 크기를 조정할 수 있습니다.

선택 표시기

선택 표시기는 선택한 범위의 왼쪽 위와 오른쪽 아래 모서리에 나타납니다.

이 표시기를 끌어 선택 영역을 조정할 수 있습니다.

셀 또는 셀 범위 선택

1. 셀을 탭하여 선택합니다. 셀의 모서리에 선택 표시기가 나타납니다.

2. 선택 표시기를 누른 상태로 끕니다.

3. 손가락을 떼어 선택을 완료합니다.

선택한 범위는 끄는 방향에 따라 확장됩니다.

행 또는 열 선택

• 행 머리글을 탭하여 전체 행을 선택합니다.

• 열 머리글을 탭하여 전체 열을 선택합니다.

행 또는 열을 선택한 후 선택 표시기를 끌어 여러 행 또는 열로 선택 영역을 확장할 수 있습니다.

전체 워크시트를 선택하려면 모서리 머리글을 탭합니다.

여러 범위 선택

여러 범위 선택은 표준 키보드 상호 작용 방식을 따르며 키보드가 필요합니다.

키보드를 사용할 수 있는 환경에서는 다음과 같이 여러 범위를 선택할 수 있습니다.

1. 범위를 선택합니다.

2. Ctrl 키를 길게 누릅니다.

3. 새 셀을 탭하여 다른 선택 영역을 시작합니다.

4. Ctrl 키를 놓습니다.

5. 필요한 경우 선택 표시기를 끌어 새 범위를 조정합니다.

키보드가 없는 터치 전용 환경에서는 여러 범위를 선택할 수 없습니다.

선택 표시기 사용자 지정

CSS를 사용하여 터치 선택 표시기의 크기를 사용자 지정할 수 있습니다.

.sjs-touch-selection-indicator 클래스의 width 속성을 정의합니다.

.sjs-touch-selection-indicator {    
  width: 16px;
}

• 기본 크기는 16px입니다.

• 지원되는 범위는 8px~32px입니다.

• 클래스 또는 width 속성이 정의되지 않은 경우 기본 크기가 사용됩니다.

터치 사용성을 향상하기 위해 표시기의 상호 작용 영역은 자동으로 조정됩니다.