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

CSS 문의 > Q&A | 토론

본문 바로가기

Wijmo

Q&A | 토론

PureJS CSS 문의

페이지 정보

작성자 톡톡 작성일 2021-05-24 12:25 조회 3,675회 댓글 0건
제품 버전 : 5.20201.664

본문

 b5ec1a6b215802d82d79f30f96b32641_1621826992_1888.jpg 


귀속년월과 기본급 사이에 세로 구분선을 추가 했습니다.


formatItem 여기에

wijmo.toggleClass(e.cell, 'right-border', true);


css는 

.right-border {

    border-right: 2px solid #00b68c !important;

}


위와같이 작성하였습니다.


상,하단 헤더에도 구분선이 나타나게 하고 싶습니다.


표가 전체적으로 나타나면 nth-child로 가능하기는 합니다만 스크롤바가 있는상태에서는 사용 할 수 없습니다.


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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: CSS 문의

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

페이지 정보

작성자 GCK루시 작성일 2021-05-26 16:22 댓글 1건

본문

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


머리글, 바닥글 부분에도 클래스를 추가하여 CSS 적용하기 위해서 formatItem 이벤트내에서 셀 뿐만 아니라 ColumnHeader와 ColumnFooter 영역에 대한 조건을 추가하시면 됩니다.



[CellType]

https://demo.grapecity.co.kr/wijmo/api/enums/wijmo_grid.celltype.html 


도움말 문서도 전달 드리오니 참고 부탁 드립니다.


다른 궁금한 점이 생기면, 언제든 문의 주시기 바랍니다.


감사합니다. 

그레이프시티 드림 


* 그레이프시티(GrapeCity)는 개발자를 위하여 ComponentOne(컴포넌트원), Spread(스프레드), ActiveReports(액티브리포츠), SpreadJS(스프레드JS), Wijmo(위즈모)와 같은 엑셀 스프레드시트 리포팅 그리드와 차트 등 다양한 종류의 .NET JavaScript(자바스크립트) 컴포넌트 툴을 생산하고있는 개발툴 전문 회사 입니다.


댓글목록

톡톡님의 댓글

톡톡 작성일

참 어이없네요
조건을  if (e.panel !== s.cells)   return;  이렇게만 두고 했으니 당연히 안되는걸 ㅠㅠ 

ColumnHeader , ColumnFooter 두개 조건을 빼고 했네요 

답변 감사합니다.

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