groupDescriptions 사용시, 엑셀 export가 느려지는 현상

groupDescriptions 사용시, 엑셀 export가 느려지는 현상 > Q&A | 토론

VueJS groupDescriptions 사용시, 엑셀 export가 느려지는 현상

추천0 비추천 0

페이지 정보

작성자 liilililil

작성일 2024-04-03 09:19 조회 36회 댓글 1건

제품 버전 : 5.20231.888

컨트롤 이름 : FlexGrid

본문

관련링크

안녕하세요. 엑셀 export시 속도가 느려서 문의 드립니다.

[현재 상황]

아래 예제와 유사한 방식으로,

1. FlexGrid의 기본 그룹 행을 숨긴 뒤

2. CollectionViewGroup 클래스의 getAggregate를 호출하여 계산 후 새 row를 삽입

한 그리드를 가지고 있습니다.

[예제]

https://codesandbox.io/p/sandbox/flexgrid-custom-subtotal-rows-at-the-top-updated-gungnn?file=%2Fsrc%2Fcomponents%2FHelloWorld.vue&from-embed=

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

[요청 사항]

위의 그리드 형태로 엑셀 export가 되길 원하며, 다운로드 속도가 group하기 전과 비슷한 수준이였으면 합니다. (즉, 기본 그룹행 숨긴채로 엑셀 export가 될 수 있으면 함.)

현재 원하는대로 export하게 구현하긴했는데.. groupDescriptions를 사용하기 전과 비교했을 때, 속도가 5배~ 10배 느리네요. (그룹이 3개 이상, 엑셀 다운로드시 700kb 정도의 데이터)

[참고 - excelExport시 사용중인 함수]

        FlexGridXlsxConverter.saveAsync(
          flexGrid,
          {
            includeColumnHeaders: true,
            includeStyles: true,
            formatItem: this.exportFormatItem,
          },
          fileName,
          () => {
            //onSave
          },
          () => {
            //onError
         
          },
          (progress) => {
          },
          true, 
        );