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

excel import 후 row 높이 문의 > Q&A | 토론

본문 바로가기

ReactJS excel import 후 row 높이 문의

페이지 정보

작성자 MESCIUSMAN 작성일 2023-04-17 13:18 조회 524회 댓글 0건
제품 버전 : wijmo

본문

안녕하세요


flexgrid 부분 css로 높이를 50 이하 45px로 설정했습니다.



2번째 그림을 보시면 첫 row는 높이 45px이 적용되어 뜬 부분이 없는데 두번째 row 부터는 높이가 조금씩 떨어져 있습니다.

높이를 50px로 하면 없어지는데 45px로 적용하니 위 그림처럼 떠버립니다. 어떻게 적용해야 빈공간이 없이 적용될까요?

그리고 그리드 cell 높이를 설정하면 헤더 부분도 높이가 같이 바뀌어버립니다. 헤더와 셀 높이를 각각 설정하고 싶습니다. 확인 부탁드립니다.
 

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

댓글목록

등록된 댓글이 없습니다.

1 답변

ReactJS Re: excel import 후 row 높이 문의

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

페이지 정보

작성자 GCK루시 작성일 2023-04-18 09:49 댓글 1건

본문

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


문의하신 내용에 대해 답변드립니다.


1. 높이 설정에 따른 그리드 행 사이 여백 발생 문의

=> 안타깝게도 저희 쪽에서 해당 이슈가 재현되지 않아 정확한 원인 파악이 어려운 상황입니다. 관련하여 재현 가능한 샘플을 저희 쪽으로 공유해주신다면 재현 및 디버깅 후 답변 드릴 수 있도록 하겠습니다.


2. 행 헤더, 셀 영역 각각의 height 설정 방법 문의

=> 말씀하신 이슈의 경우, 헤더 영역 또한 'wj-cell' 클래스가 포함되어 있어 CSS 속성이 그대로 적용된 것으로 확인됩니다. 따라서 CSS 설정 시, 'wj-header' 클래스를 제외한 셀 영역만 설정할 수 있도록 의사 클래스(pseudo-class)를 사용하거나 아래 코드와 같이 컬렉션의 사이즈를 조절하는 defaultSize라는 속성을 이용해보시기 바랍니다.


// 스크롤 가능한 영역에 행의 높이 설정
flex.rows.defaultSize = 34;
// 열 헤더 영역에 행의 높이 설정
flex.columnHeaders.rows.defaultSize = 40;


- defaultSize API 문서


API 문서를 공유드리며 다른 궁금한 점이 생기면 문의 주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

GCK루시님의 댓글

GCK루시 작성일

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

해당 게시글 내에 회신이 없어 답변 완료처리하도록 하겠습니다.
추가 문의가 있으신 경우, Q&A 게시글에 새로운 글을 작성하여 문의주시기 바랍니다. 

감사합니다.
그레이프시티 드림

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