- SpreadJS 개요
- 시작하기
- JavaScript 프레임워크
- 모범 사례
-
기능
- 통합 문서
- 워크시트
- 행 및 열
- 헤더
-
셀
- 셀 작업하기
- 셀 유형
- 셀 서식
- 셀 상태
- 셀 범위
- 더티 상태 가져오기
- 셀 버튼
- 셀 드롭다운
- 셀 메모
- 하이퍼링크
- 자동 셀 병합
- 자동 맞춤
- 데이터 자동 채우기
- 마스크 입력
- 셀에 맞게 축소
- 셀 오버플로우
- 셀 오버플로우 시 생략 부호 또는 툴팁 표시
- 셀 정렬 및 들여쓰기
- 셀 패딩과 라벨 스타일
- 셀 병합
- 셀 태그
- 스타일
- 셀 꾸미기
- 셀 색상
- 테두리, 대각선, 눈금선
- 따옴표 접두사
- 잘라낸/복사한 셀 삽입
- 셀의 텍스트 회전
- 텍스트 방향
- 텍스트 장식
- 서식 있는 텍스트(Rich Text)
- 텍스트 줄바꿈
- 드래그 앤 드롭
- 드래그 및 병합
- 편집
- 워터마크
- 0 값이 있는 셀에 0 표시
- IME 모드
- 패턴 채우기 및 그라데이션 채우기
- 붙여넣기 옵션
- 데이터 바인딩
- 테이블 시트
- 간트 시트
- 리포트 시트
- 데이터 차트
- SpreadJS에서의 JSON 스키마
- SpreadJS 파일 형식
- 데이터 유효성 검사
- 조건부 서식
- 정렬
- 그룹
- 수식
- 직렬화
- 키보드 동작
- 도형
- 양식 컨트롤
- 움직이는 개체
- 바코드
- 차트
- 스파크라인
- 표
- 피벗 테이블
- 슬라이서
- 인쇄
- 테마
- 문화권
- AI 도우미
- SpreadJS 템플릿 디자이너
- SpreadJS 디자이너 컴포넌트
- 터치 지원
- 수식 참조
- 가져오기 및 내보내기 참조
- 자주 사용하는 이벤트
- API 문서
- 릴리스 노트
셀 오버플로우
셀에서 텍스트가 너무 길어서 해당 셀 너비를 초과할 경우, 인접한 셀로 텍스트가 흘러넘치도록 설정할 수 있습니다.
이때 options.allowCellOverflow 속성을 사용하면 됩니다.
다음 코드 샘플은 셀의 정렬을 설정하고, 텍스트가 인접 셀로 넘치도록 허용하는 방법을 보여줍니다.
activeSheet.options.allowCellOverflow = true;
activeSheet.getCell(0,3, GC.Spread.Sheets.SheetArea.viewport).hAlign(GC.Spread.Sheets.HorizontalAlign.left);
activeSheet.getCell(1,3, GC.Spread.Sheets.SheetArea.viewport).hAlign(GC.Spread.Sheets.HorizontalAlign.center);
activeSheet.getCell(2,3, GC.Spread.Sheets.SheetArea.viewport).hAlign(GC.Spread.Sheets.HorizontalAlign.right);
activeSheet.getCell(3,3, GC.Spread.Sheets.SheetArea.viewport).hAlign(GC.Spread.Sheets.HorizontalAlign.general);
activeSheet.getCell(0,3, GC.Spread.Sheets.SheetArea.viewport).text("Data overflows to the right");
activeSheet.getCell(1,3, GC.Spread.Sheets.SheetArea.viewport).text("Data overflows to the left and right");
activeSheet.getCell(2,3, GC.Spread.Sheets.SheetArea.viewport).text("Data overflows to the left");