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

본문 바로가기

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

페이지 정보

작성자 GCK루시 작성일 22-09-22 18:39 조회 28회 댓글 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@grapecity.com | 전화 : 1670-0583 | 경기도 안양시 동안구 시민대로 230, B-703(관양동, 아크로타워) 그레이프시티(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 Copyright ⓒ 2022 GrapeCity inc.