VueJS FlexGrid 대용량 데이터 Merge 문의
추천0 비추천 0
페이지 정보
작성자 손님 작성일 2022-12-06 11:10 조회 891회 댓글 1건제품 버전 : 5.20221.857
컨트롤 이름 : FlexGrid
본문
관련링크
안녕하세요.
저번 주에 같은 내용으로 문의를 드렸었습니다만, (FlexGrid 대용량 데이터 Merge 문의 > Q&A | 토론 | 그레이프시티 개발자 포럼 (grapecity.co.kr))
답변 드린 내용에 댓글을 달았는데, 회신이 없어서 새로 게시글을 올립니다.
- 대용량 데이터가 바인딩 된 그리드의 셀 병합 시 나타나는 성능 문제에 대하여 어떤 문제가 발생한 것인지 확인이 되지 않아 답변이 어렵습니다. 혹시 몇 건의 데이터를 바인딩 하였으며, 어떤 문제가 발생 한 것인지 알려 주실 수 있으신가요?
- Merge된 Cell이 클 경우 Scroll 해서 Cell이 일부만 보이더라도 보이는 영역에 Content 를 표시하는 방법에 대한 말씀은, 그리드의 뷰 영역을 벗어날 정도로 병합된 셀의 크기가 클 때 그리드를 스크롤 하더라도 병합된 셀의 영역에 해당 셀의 데이터 값을 계속 표시하는 방법에 대한 것으로 이해하면 될까요?
해당 내용에 대한 답변입니다.
1. 53개 Column으로 약 3천건의 테스트용 데이터를 바인딩하였으며, 페이징 없이, Grid 크기를 제한하고 Scroll만을 통하여 보여주려 하였습니다. 그 중 2개의 항목이 3천건 모두 같은 데이터로 Merge가 되었습니다. 개발자 도구로 확인해보니, 해당 Cell 영역의 Height가 48000px로 과도하게 설정되어 있었으며 이로 인하여 Scroll 시, 버벅거림이 발생하는 것 같습니다.
2. 네, 맞습니다. 보여지는 영역에 데이터가 계속 표시되도록 하려 합니다.