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

wj-flex-grid 집계시 들여쓰기 > Q&A | 토론

본문 바로가기

VueJS wj-flex-grid 집계시 들여쓰기

페이지 정보

작성자 rmk2010 작성일 2024-01-10 10:28 조회 60회 댓글 0건
제품 버전 : VueJS
컨트롤 이름 : VueJS

본문

wj-flex-grid 집계시 총합계 외에 sub 합계 항목 들여쓰기 기능이 있는지 알고 싶습니다.

합계 밑에 셀도 보기 좋게 들여쓰기를 하고 싶은데 가능할지요


--------------------------------

총합계(억불): (5 items)

그룹1: 기타1(3 items)

TEST1

TEST2

TEST3

그룹2: 기타2(2 items)

TEST21

TEST22

--------------------------------


이런식으로 그리드에  모두 왼쪽에 붙어서 표시가 되어 총합계, sub합계, 하단 항목들이 구분해서 보기가 힘들어서요..

맨상단 총합계는 그대로 왼쪽에 붙어서 표시하고

그룹1, 그룹2의 경우 총합계보다는 오른쪽으로 들여쓰고

그 밑에 TEST1,TEST2.. 이런항목은 그룹1보다는 들여쓰고 해서


--------------------------------

총합계(억불): (5 items)

   그룹1: 기타1(3 items)

TEST1

TEST2

TEST3

   그룹2: 기타2(2 items)

TEST21

TEST22

--------------------------------


이런식으로 계단식처럼 보이게 하는 기능이 있는지 알고 싶습니다.



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

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: wj-flex-grid 집계시 들여쓰기

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

페이지 정보

작성자 MESCIUS루시 작성일 2024-01-11 10:12 댓글 0건

본문

안녕하세요 메시어스입니다.


문의하신 내용에 대해서 기본적으로 Wijmo는 그룹핑을 할 때, indent 설정되어 있습니다(그룹화 데모 참고)만 디자인의 일부로 글리프 아이콘을 포함하여 들여쓰기 공간이 계산됩니다. 말씀하신 내용처럼 글리프 아이콘을 포함하지 않고 들여쓰기를 구현하고 싶으신 경우, CSS를 추가하여 설정해보시기 바랍니다.

/* Add application styles & imports to this file! */
.wj-flexgrid .wj-row .wj-cell.wj-group .wj-btn-glyph {
  padding: 0px;
  text-align: left;

  /* reduce gap b/t glyph and text (optional) */
  max-width: 10px;
  min-width: 10px;
}


결과 화면은 아래 샘플에서 확인할 수 있습니다.


 


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


감사합니다.

메시어스 드림


댓글목록

등록된 댓글이 없습니다.

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