! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

테이블 시트 시작하기 2 - 테마 설정 > 온라인 스터디

본문 바로가기

테이블 시트 테이블 시트 시작하기 2 - 테마 설정

페이지 정보

작성자 GCK루카스 작성일 2023-04-20 16:30 조회 338회 댓글 0건

본문

이 글에서는 SpreadJS에서 제공하는 테이블 시트의 테마를 설정하는 방법을 소개합니다. 

테이블 시트 사용 방법에 대한 내용은 이전 글을 참고해 주세요.



테이블 시트 테마 설정


SpreadJS는 기본적으로 여러 테마를 지원하지만, 이와는 별개로 테이블 시트만의 전용 테마를 지원합니다.


9d9b0cf5fb1cd4b9261388e213415d49_1681190251_2977.png

테이블 시트 테마 변경


테마 설정 방법은 매우 간단합니다. 테이블 시트 시작하기 1을 참고하여 테이블 시트를 초기화하고 applyTableTheme 메소드를 이용하여 테마를 설정합니다.


이 때 applyTableTheme 메소드에 설정하는 인수는 TableThemes 클래스 항목을 참조하세요.


//SpreadJS 인스턴스를 생성합니다
var spread = new GC.Spread.Sheets.Workbook('ss');

//워크북에 테이블 시트를 추가합니다
var tableSheet = spread.addSheetTab(0, "테이블 시트", GC.Spread.Sheets.SheetType.tableSheet);

//(중간 생략)

//테이블 시트의 테마를 설정합니다
var theme = GC.Spread.Sheets.Tables.TableThemes.professional4;
tableSheet.applyTableTheme(theme);


위의 코드를 사용한 샘플입니다. "테마 선택"의 항목을 선택하여 테마를 변경할 수 있습니다.



이번 글에서는 테이블 시트의 테마 적용 방법에 대해 알아보았습니다.

다음 글에서는 테이블 시트에 패널을 설정하는 방법에 대해 알아보겠습니다.





지금 바로 SpreadJS를 다운로드하여 직접 테스트해보세요!

spjs.png

 


  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

태그1

인기글

더보기
  • 인기 게시물이 없습니다.
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.