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

대량 데이터 그리드에서 Header 높이 조절 > Q&A | 토론

본문 바로가기

ComponentOne

Q&A | 토론

ASP.NET MVC Core 대량 데이터 그리드에서 Header 높이 조절

페이지 정보

작성자 Nexus 작성일 2024-05-14 15:03 조회 26회 댓글 0건
제품 버전 : 2024

본문

안녕하세요


대량의 데이터가 존재하는 그리드를 사용중인데


Column Header에 대한 높이를 조절하고싶습니다.


현재 auto-row-heights="true"를 사용하면 헤더의 높이가 조절되지만 데이터가 많은상태여서 렌더되는데에 시간이 너무 오래걸립니다.


header 는 

var orderDataHeader = new C1.Web.Mvc.HeaderTemplate();

    orderDataHeader.RowCount = 3;

    orderDataHeader.Cells = new List<C1.Web.Mvc.HeaderTemplateCell>();

를 이용해 3줄로 만들고 병합해서 사용중이어서 css로 높이를 조절하면 조절이 제대로 되지않습니다.


각각의 column header 높이 조절하는 방법 문의드립니다.


감사합니다.


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

댓글목록

등록된 댓글이 없습니다.

3 답변

ASP.NET MVC Core Re: 대량 데이터 그리드에서 Header 높이 조절

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

페이지 정보

작성자 MESCIUS폴 작성일 2024-05-20 21:12 댓글 0건

본문

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


혹시 현재 사용중이신 컨트롤이 FlexGrid가 맞으실까요?

그리고 각각의 컬럼 헤더의 사이즈를 조절하고 싶으시다면 직접 사이즈를 조절하고 싶으시다는 말씀이실까요? 

이미 CSS에서 사이즈를 조절하는 방법은 알고 계신것 같습니다.

어떠한 방법을 찾고 계신지 조금더 자세히 말씀해 주실수 있으실까요?


감사합니다 

메시어스 드림

댓글목록

등록된 댓글이 없습니다.

ASP.NET MVC Core Re: 대량 데이터 그리드에서 Header 높이 조절

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

페이지 정보

작성자 Nexus 작성일 2024-05-21 08:40 댓글 1건

본문

안녕하세요


FlexGrid를 사용중입니다.

b254992e73dddc3bbbd3293f012e2f7d_1716248187_5256.png
 

var orderDataHeader = new C1.Web.Mvc.HeaderTemplate();

    orderDataHeader.RowCount = 3;

    orderDataHeader.Cells = new List<C1.Web.Mvc.HeaderTemplateCell>();

orderDataHeader.Cells.Add(new C1.Web.Mvc.HeaderTemplateCell().Set(0, startNum, 1, 1, "○"));

위 그림, 코드로 위 그림과 같이 colheader를 3개 추가하였습니다.

해당 cell의 width를 작게 조절하면 wordWrap옵션이 있음에도 불구하고 헤더는 줄바꿈처리가 되지않고 

b254992e73dddc3bbbd3293f012e2f7d_1716248313_581.png
css .wj-colheaders .wj-cell 에 height를 주면 이렇게 겹쳐져버릴뿐 줄바꿈이 되지않습니다.


1. 각각의 colheader의 height를 조절할 수 있는 방법이 있는지 문의드립니다.

2. 추가로 topLeftCell 이 아래 그림처럼 되어있는데 이 3개의 row를 병합하고 특정 문자열을 삽입하고싶습니다.

b254992e73dddc3bbbd3293f012e2f7d_1716248451_3704.png
 


답변부탁드립니다.


감사합니다.




댓글목록

Nexus님의 댓글

Nexus 작성일

정확히 말씀드리자면 colHeader가 줄바꿈이 되긴는 하나 colHeader의 height가 자동으로 증가하지않아 수동으로 높이를 조절해야지만 글자가 다 보입니다.

ASP.NET MVC Core Re: 대량 데이터 그리드에서 Header 높이 조절

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

페이지 정보

작성자 MESCIUS폴 작성일 2024-05-23 15:36 댓글 0건

본문

첨부파일

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


우선 헤더 셀의 머지를 위해서 MergeManager의 getMergedRange 메소드를 재정의하여 

사용자 정의 병합 로직을 제공해야 합니다. 

리고 그리드 인스턴스를 mergeManager 속성에 할당하시면 됩니다.

그리고 FlexGrid의 'auto-row-heights' 속성을 'true'로 설정해시면 사이즈는 자동 조정이 됩니다.

간단한 샘플을 남겨 드리니 참고해 주시기 바랍니다.


그러나 최초에 문의시 이미 auto-row-heights은 사용해 보신 것으로 확인이 됩니다.

우선 저희가 올려드린 샘플과 동일한 방식으로 적용하신 것인지 한번만 확인을 부탁 드립니다.


그리고 현재 사용중이신 그리드의 데이터가 컬럼 방향으로 몇 개 정도가 되는지 그리고 그럴 때에 어느 정도 시간이 소요 되는지 알려 주시기 바랍니다. 

저희도 비슷한 데이터 크기일때 어느정도 시간이 걸리는지 그리고 시간을 줄일수 있는 방법은 없는지 한번 찾아봐 드리도록 하겠습니다.


고맙습니다.

메시어스 드림 


댓글목록

등록된 댓글이 없습니다.

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