[]
        
(Showing Draft Content)

포커스 셀

포커스 셀 기능은 반투명 밴드로 활성 셀의 행과 열을 강조 표시합니다. 이 시각적 보조 기능을 사용하면 큰 워크시트에서 작업할 때 활성 셀의 위치를 쉽게 파악할 수 있습니다.

demo-20260709.1161d9.gif

포커스 셀은 통합 문서 수준 옵션입니다. 이 기능을 사용하도록 설정하면 통합 문서의 모든 워크시트에 설정이 적용됩니다.

포커스 셀 사용

포커스 셀은 기본적으로 사용하지 않도록 설정되어 있습니다. spread.options.focusCell 통합 문서 옵션을 통해 포커스 셀을 사용하거나 사용하지 않도록 설정하고 사용자 지정할 수 있습니다.

// 포커스 셀을 사용하도록 설정합니다.
spread.options.focusCell.enabled = true;

포커스 셀은 통합 문서 수준 설정이므로 통합 문서의 모든 워크시트에서 동일한 설정을 공유합니다.

포커스 셀 강조 표시 사용자 지정

focusCell.color 옵션을 설정하여 강조 색을 사용자 지정할 수 있습니다.

// 포커스 셀을 사용하도록 설정하고 사용자 지정 강조 색을 설정합니다.
spread.options.focusCell.enabled = true;
spread.options.focusCell.color = "rgba(255, 165, 0, 0.25)";

focusCell.colornull로 설정하여 강조 색을 기본 색으로 다시 설정할 수 있습니다.

// 기본 강조 색으로 다시 설정합니다.
spread.options.focusCell.color = null;

focusCell 개체를 할당하여 포커스 셀 옵션을 설정할 수도 있습니다.

spread.options.focusCell = {
    enabled: true,
    color: "Accent 6",
    opacity: 0.22
};

color 옵션에는 테마 색, 표준 색 이름 및 유효한 CSS 색 값을 사용할 수 있습니다.

예를 들면 다음과 같습니다.

spread.options.focusCell.color = "Accent 6";
spread.options.focusCell.color = "green";
spread.options.focusCell.color = "#00b050";
spread.options.focusCell.color = "rgba(0, 176, 80, 0.225)";

강조 표시 투명도

  • colorrgba(255, 165, 0, 0.25)와 같은 알파 값이 포함되어 있으면 SpreadJS는 해당 알파 값을 강조 표시의 투명도에 사용합니다.

  • color에 알파 값이 포함되어 있지 않으면 SpreadJS는 opacity 옵션을 사용합니다.

  • 둘 다 지정하지 않으면 기본 불투명도가 사용됩니다.

테마 색을 사용하면 통합 문서 테마에 따라 포커스 셀의 강조 색이 변경됩니다.

포커스 셀 동작

포커스 셀을 사용하도록 설정하면 SpreadJS는 워크시트 데이터나 셀 스타일을 변경하지 않고 활성 셀의 행과 열을 강조 표시합니다. 강조 표시는 시각적 보조 기능으로만 표시됩니다.

활성 셀은 시각적으로 명확하게 구분된 상태로 유지됩니다. 강조 표시 밴드는 활성 셀 자체에 색을 입히지 않으므로 활성 셀의 테두리와 선택 상태가 계속 표시됩니다.

behavior1-20260709.a4cb87.gif

활성 셀이 선택한 범위에 포함된 경우 강조 표시 밴드는 기본 선택 영역을 가리지 않으므로 선택 영역의 채우기가 명확하게 표시됩니다.

behavior2-20260709.0c4189.gif

여러 범위를 선택한 경우 활성 셀이 포함된 범위가 기본 선택 영역으로 처리됩니다. 다른 선택 범위는 선택 상태를 유지하지만 포커스 셀 밴드는 해당 범위를 기준으로 분할되지 않습니다.

behavior3-20260709.5616c9.gif

병합된 셀의 경우 포커스 셀은 활성 셀 영역을 따릅니다. 활성 셀이 병합된 셀의 일부인 경우 병합된 영역이 포커스 영역으로 사용됩니다.

behavior4-20260709.297185.gif

디자이너 컴포넌트에서 포커스 셀 사용

SpreadJS 디자이너 컴포넌트에서는 보기 탭에서 포커스 셀 명령을 제공합니다.

image-20260721.57d094.png

디자이너 컴포넌트에서 포커스 셀을 사용하거나 사용하지 않도록 설정하려면 다음을 수행합니다.

  1. 보기 탭을 엽니다.

  2. 표시/숨기기 그룹에서 포커스 셀을 클릭합니다.

포커스 셀 드롭다운을 열어 추가 옵션에 액세스할 수도 있습니다.

  • 포커스 셀 - 포커스 셀 기능을 사용하거나 사용하지 않도록 설정합니다.

  • 포커스 셀 색 - 포커스 셀 밴드의 강조 색을 설정합니다.

  • 자동 강조 표시 - 지원되는 찾기 및 바꾸기 작업 중에 포커스 셀 강조 표시를 일시적으로 표시합니다.

image-20260721.53b522.png

자동 강조 표시는 찾기 및 바꾸기 탐색에 사용됩니다.

  • 포커스 셀을 사용하지 않도록 설정한 경우 이 옵션을 사용하면 다음 찾기, 모두 찾기, 바꾸기 또는 모두 바꾸기와 같은 찾기 및 바꾸기 작업이 성공한 후 포커스 셀 강조 표시를 일시적으로 표시할 수 있습니다. 찾기 및 바꾸기 대화 상자를 닫으면 임시 강조 표시가 제거됩니다.

  • 포커스 셀을 이미 사용하도록 설정한 경우 포커스 셀 밴드가 항상 표시되므로 자동 강조 표시는 표시 동작을 변경하지 않습니다.

테이블 시트 및 간트 시트의 경우 해당 디자인 리본 탭에서 포커스 셀 명령을 사용할 수 있습니다.

image-20260721.09ef2f.png

참고

  • 활성 행 또는 열이 숨겨져 있으면 포커스 셀 밴드가 표시되지 않습니다.

  • spread.options.hideSelection을 사용하도록 설정하면 통합 문서가 포커스를 잃은 후 포커스 셀 밴드가 숨겨집니다.

  • 포커스 셀 밴드는 인쇄 결과 또는 PDF 내보내기에 포함되지 않습니다.

  • 포커스 셀은 Excel 파일에 저장되거나 Excel 파일에서 복원되지 않습니다.

  • 포커스 셀은 시각적 보조 기능이며 워크시트 데이터나 셀 스타일을 수정하지 않습니다.