[TableSheet] Style 커스텀기능

[TableSheet] Style 커스텀기능 > Q&A | 토론

VueJS [TableSheet] Style 커스텀기능

추천1 비추천 0

페이지 정보

작성자 devJin

작성일 2023-08-31 16:37 조회 301회 댓글 0건

검색

제품 버전 : 16

컨트롤 이름 : TableSheet Style

본문

댓글목록

등록된 댓글이 없습니다.

VueJS Re: [TableSheet] Style 커스텀기능

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK루카스

작성일 2023-09-04 16:12 댓글 0건

본문

관련링크

안녕하세요 그레이프시티입니다.

선택된 헤더의 색상과 셀렉션 테두리를 변경하는 것에 대한 API를 별도로 제공하고 있지는 않지만, 아래와 같이 CSS를 수정하여 원하시는 대로 구현할 수 있습니다.

다만, SpreadJS는 CSS를 수정하여 커스터마이징하는 것을 권장하지는 않기 때문에 이 이상의 복잡한 CSS 수정은 되도록 삼가하여 주시기 바랍니다.

.gc-columnHeader-highlight {
  color: #217346;
  background-image: none;
  background-color: #0100FF;  /* 배경색 설정*/
  border-style: solid;
  border-left-color: #d2d2d2 !important;
  border-right-color: #9c9c9c !important;
  border-bottom-color: #999999 !important;
}

.gc-rowHeader-highlight {
  color: #217346;
  background-color: #0100FF;  /* 배경색 설정*/
  background-image: none;
  border-style: solid;
  border-top-color: #d2d2d2 !important;
  border-right-color: #999999 !important;
  border-bottom-color: #9c9c9c !important;
}

.gc-selection {
  background-color: rgba(20, 20, 20, 0.2);
  border-color: #0100FF;  /* 테두리색 설정*/
  color: rgba(240, 240, 240, 0.7);
}

See the Pen <a href="">https://codepen.io/GrapeCity-Korea/pen/WNLGXdx</a>"> SpreadJS, 테이블시트 css by GrapeCity Korea (<a href="">https://codepen.io/GrapeCity-Korea</a>">@GrapeCity-Korea) on <a href="">https://codepen.io</a>">CodePen.

[프리미엄 회원 전환 안내]

라이선스를 보유하고 계신다면, 누구나 추가 비용 없이 그레이프시티 포럼 프리미엄 회원이 될 수 있습니다.

프리미엄 회원으로 전환 시, 기술 문의에 대하여 우선 지원 받으실 수 있습니다.

아래 링크를 통해 프리미엄 회원 전환 방법 및 혜택 안내를 살펴보시길 바랍니다.

- GrapeCity 개발자 포럼 | 프리미엄 회원 전환 방법 및 혜택 안내

감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

[TableSheet] Style 커스텀기능 > Q&A | 토론

MESCIUS 포럼

MESCIUS 커뮤니티

MESCIUS 포럼

MESCIUS 커뮤니티

SpreadJS

Q&A | 토론

VueJS [TableSheet] Style 커스텀기능

페이지 정보

본문

관련링크

댓글목록

VueJS Re: [TableSheet] Style 커스텀기능

페이지 정보

본문

관련링크

댓글목록

카테고리

인기글

최신글

셀럽