시트 영역 오프셋
SpreadJS는 사용자가 시트 전체가 완전히 렌더링되도록 보장할 수 있도록 합니다.
시트 영역 오프셋을 구성하면 행 머리글 또는 열 머리글이 숨겨진 경우에도 첫 번째 행/열의 테두리, 그리드라인, 이중선 및 선택 테두리가 완전히 렌더링되도록 설정할 수 있습니다.
호스트 기준의 왼쪽 또는 위쪽에서 오프셋을 지정하여 시트 영역을 이동할 수 있으며, 기본값은 { left: 0, top: 0 } 으로 하위 호환성을 유지합니다.
다음 이미지는 워크시트에서 시트 영역 오프셋을 설정하는 중요성을 설명합니다.
다음은 스프레드시트에서 시트 영역 오프셋을 사용할 때 참고할 수 있는 다양한 시나리오와 그에 대한 설명을 정리한 표입니다:
시나리오 | 설명 |
|---|---|
행 머리글이 표시되는 경우 | 첫 번째 열은 행 머리글의 첫 번째 표시 열을 기준으로 합니다. 선택 테두리가 완전히 렌더링됩니다. |
행 머리글이 숨겨진 경우 | 첫 번째 열은 뷰포트의 가장 왼쪽 열을 기준으로 합니다. 선택 테두리의 왼쪽 라인이 잘리지 않고 완전히 렌더링됩니다. 왼쪽 이중선은 부분적으로 렌더링됩니다. |
열 머리글이 표시되는 경우 | 첫 번째 행은 열 머리글의 첫 번째 표시 행을 기준으로 합니다. 선택 테두리가 완전히 렌더링됩니다. |
열 머리글이 숨겨진 경우 | 첫 번째 행은 뷰포트의 가장 위쪽 행을 기준으로 합니다. 선택 테두리의 위쪽 라인이 잘리지 않고 완전히 렌더링됩니다. 위쪽 이중선은 부분적으로 렌더링됩니다. |
선택이 첫 번째 행/열에서 시작되는 경우 | 왼쪽/위쪽 선택 테두리가 손실됩니다. |
워크시트에 행 또는 열 개요선(outline)이 있는 경우 | 이중선은 완전히 렌더링되지 않음. 선택 테두리는 개요선 영역을 포함하여 완전히 렌더링됩니다. |
워크시트를 인쇄하는 경우 | 인쇄 옵션 showBorder가 false이고 sheetAreaOffset이 기본값일 경우, 왼쪽/위쪽 이중선을 렌더링하기 위해 오프셋이 2픽셀로 설정됩니다. showBorder가 true인 경우 기존 동작과 동일합니다. |
터치 지원 장치에서 스크롤할 때 | 왼쪽 또는 위쪽의 이중선은 시트 옆에 항상 렌더링됩니다. 왼쪽/위쪽 테두리는 완전히 렌더링됩니다. |
코드 예시
다음은 워크시트에서 시트 영역 오프셋을 설정하는 방법을 보여주는 예제입니다:
sheet.options.sheetAreaOffset= {left : 2, top : 2};