[]
        
(Showing Draft Content)

오른쪽에서 왼쪽 방향

SpreadJS는 Worksheet 클래스의 rightToLeft 옵션을 true로 설정하여 워크시트의 방향을 왼쪽에서 오른쪽(Left-to-Right)에서 오른쪽에서 왼쪽(Right-to-Left) 으로 변경할 수 있습니다.

다음 이미지는 오른쪽에서 왼쪽(Right-to-Left) 방향으로 표시된 워크시트를 보여줍니다.

righttoleft.b2e9cd


다음 코드 샘플은 워크시트 옵션을 사용하는 방법을 보여줍니다.

activeSheet.options.rightToLeft = true;

이 속성을 사용하면 워크시트의 첫 번째 열, 행 머리글, 시트 탭 스트립이 오른쪽에 표시되고, 셀은 오른쪽에서 왼쪽 방향으로 렌더링되며, 수직 스크롤바는 왼쪽에 표시됩니다.

오른쪽에서 왼쪽(RTL) 방향으로 표시될 수 있는 기타 SpreadJS 기능은 다음과 같습니다:

  • 고정선과 후속 고정선이 관련 열의 왼쪽에 그려짐

  • 행/열 머리글과 넘치는 데이터(overflowed data) 의 방향 변경

  • 채우기(Fill), 드롭(Drop), 병합(Merge) 등 드래그 인디케이터가 왼쪽 아래에 표시됨

  • 행/열 머리글이 있는 그룹 레이아웃의 방향이 변경됨

  • 스택 헤더(Stacked Headers) 가 오른쪽에서 왼쪽 방향으로 렌더링됨

  • 커넥터, 그룹, 이미지, 차트 등의 도형 방향이 반전됨

  • 주석 표시기(Comment Indicator) 는 셀의 왼쪽 위에, 필터 버튼(Filter Button) 은 셀의 왼쪽에 표시됨

  • 테이블 필터 버튼, 테이블 크기 조정 표시기, 유효성 검사 버튼 등도 셀의 왼쪽에 표시됨

  • 플로팅 오브젝트와 수식 입력 상자(Formula Text Box) 는 워크시트의 오른쪽에 표시됨

지원되는 동작

워크시트의 rightToLeft 옵션을 활성화하면 다음 동작이 지원됩니다:

  • 왼쪽 방향키로 탐색 시 활성 열이 확장되고, 오른쪽 방향키로 탐색 시 활성 열이 축소됨

  • 왼쪽에서 오른쪽 방향키로 셀 선택 가능

  • 수평 스크롤이 오른쪽에서 왼쪽 방향으로 시작됨

  • 열 크기 조정, 자동 맞춤(autofit), 터치 기반 크기 조정, 줌, 스크롤 지원

  • 인쇄 및 PDF 형식으로 저장 가능

  • .ssjson, .sjs, .xlsx 형식의 가져오기/내보내기 지원

디자이너 사용

SpreadJS 디자이너에서는 설정(Settings) 리본 탭의 일반 시트 설정(General Sheet Settings)에서 해당 워크시트에 대해 오른쪽에서 왼쪽(Right-to-left) 옵션을 설정할 수 있습니다.

SheetSettings.6d937b

제한사항

  • 고정 영역과 뷰포트 영역을 교차하거나, 뷰포트 영역과 후속 고정 영역을 교차하는 도형은 한 방향으로만 렌더링될 수 있습니다.

  • RightToLeft 옵션은 테이블 시트, 간트 시트, 리포트 시트에서는 지원되지 않습니다.