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

Wijmo OLAP PivotGrid 텍스트 정렬 등 설정하는 방법 > 지식 쉐어링

본문 바로가기

개발꿀팁 Wijmo OLAP PivotGrid 텍스트 정렬 등 설정하는 방법

페이지 정보

작성자 GCK루시 작성일 2022-09-22 18:39 조회 384회 댓글 0건

본문

먼저 Wijmo OLAP의 PivotGrid 텍스트 설정의 경우, 그리드 행이 데이터 소스에 바인딩 후 발생하는 loadedRows 이벤트 내에서 처리해주셔야 합니다. 


1. PivotGrid의 Column Header에 줄바꿈 처리하는 방법

-> loadedRows 이벤트 내에서 특정 열에 multLine 속성을 true로 설정하여 열 헤더 text에 \n(개행문자)가 포함되어 있다면 줄바꿈 처리하도록 설정할 수 있습니다. 더불어 줄바꿈 처리한 열의 height을 자동으로 변경하기 위해서 PivotGrid의 autoSizeRow를 메서드를 호출하시면 됩니다.


2. rowHeader 영역 정렬 방법

=> rowHeader 영역의 텍스트를 정렬하기 위해서는 loadedRows 이벤트 내에서 rowHeaders 컬렉션에서 특정 열에 접근 및 해당 열의 align 속성을 center로 설정하시면 됩니다.


+) 만일 rowHeader 영역의 머리글과 집계 영역의 텍스트는 left로 설정하고 싶으신 경우, 아래 CSS 코드를 추가해주시기 바랍니다.

.wj-row-field-hdr, .wj-header.wj-aggregate{
  justify-content:left !important;
}


위 문의와 관련하여 자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.




- loadedRows 이벤트

- multiLine

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

댓글목록

등록된 댓글이 없습니다.

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