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

테이블시트 스타일규칙 관련 문의 > Q&A | 토론

본문 바로가기

SpreadJS

Q&A | 토론

PureJS 테이블시트 스타일규칙 관련 문의

페이지 정보

작성자 cindy 작성일 2023-03-14 16:46 조회 521회 댓글 0건
제품 버전 : 16.0.4
컨트롤 이름 : dataManager

본문

안녕하세요 

테이블시트에서 스타일규칙 적용시


현재 컬럼의 값이 특정값인 경우 해당 셀의 배경색을 변경해서 화면에 보여주고 싶은데요

아래 샘플코드에는 Row 단위 적용 샘플만 있는거 같아서요


확인 부탁드립니다.

감사합니다.


https://demo.grapecity.co.kr/spreadjs/learn-spreadjs/features/table-sheet/style-rules/purejs

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

댓글목록

등록된 댓글이 없습니다.

1 답변

PureJS Re: 테이블시트 스타일규칙 관련 문의

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

페이지 정보

작성자 GCK루카스 작성일 2023-03-15 11:55 댓글 0건

본문

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

 

테이블 시트의 특정 열의 conditionalFormats 속성 값으로 FormulaRuleOptions 유형의 조건부 서식을 지정하시면 Row 단위가 아닌 해당 셀에만 서식을 변경할 수 있습니다.
아래와 같이 conditionalFormats 속성의 옵션을 지정하여 특정 열에 속하는 셀의 값에 따라 해당 셀의 배경 색을 설정할 수 있습니다.

var formulaRule = {
   ruleType: "formulaRule", // 조건부 서식의 유형을 FormulaRuleOptions 유형으로 지정
   formula: "@=10250", // 조건부 규칙의 기준이 될 수식 지정 
   style: { // 조건부 규칙에 해당하는 셀의 스타일 지정
     backColor: "pink" 
   }
};
myTable.fetch().then(function () {
    var view = myTable.addView("myView", [
      { value: "orderId", width: 80,  conditionalFormats: [formulaRule]}, // orderId 열에 조건부 서식 지정
       ...
    ]);
    sheet.setDataView(view);
  });

감사합니다.

그레이프시티 드림


댓글목록

등록된 댓글이 없습니다.

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