React 계층형 그리드를 Excel 서비스로 내보내기

    계층적 표 React Excel로 내보내기 Ignite UI for React 서비스는 데이터를 Excel로 내보낼 수 있습니다. 데이터 내보내기 기능은 클래스에 캡슐화 ExcelExporterService 되고 데이터는 MS Excel 테이블 형식으로 내보내집니다. 이 형식은 필터링, 정렬 등과 같은 기능을 허용합니다. 이렇게하려면 의 ExcelExporterService 메소드를 Export 호출하고 구성 요소를 첫 번째 인수로 전달 IgrHierarchicalGrid 하여 그리드를 쉽게 내보내야합니다.

    React Excel Exporter Example

    Export Multi Column Headers Grid

    이제 내보내기가 가능합니다. IgrHierarchicalGrid 정의된 여러 열 머리글. 모든 헤더는 내보낸 Excel 파일에 표시되는 대로 반영됩니다. IgrHierarchicalGrid. 내보낸 데이터에서 정의된 다중 열 헤더를 제외하려면 다음을 설정할 수 있습니다. ExporterOption IgnoreMultiColumnHeaders 받는 사람 true.

    [!Note] The exported IgrHierarchicalGrid will not be formatted as a table, since Excel tables do not support multiple column headers.

    Export Grid with Frozen Column Headers

    기본적으로 Excel 내보내기 서비스는 스크롤 가능한(고정 해제된) 열 머리글과 함께 그리드를 내보냅니다. 사용자가 레코드를 스크롤할 때 항상 표시되도록 내보낸 Excel 파일 위에 모든 헤더를 고정하려는 시나리오가 있습니다. 이를 달성하려면 ExporterOption FreezeHeaders​ ​true로 설정할 수 있습니다.

    function exportEventFreezeHeaders(args: IgrExporterEventArgs) {
    args.detail.options.freezeHeaders = true;
  }

<IgrGridToolbar>
  <IgrGridToolbarActions>
    <IgrGridToolbarExporter onExportStarted={exportEventFreezeHeaders}></IgrGridToolbarExporter>
  </IgrGridToolbarActions>
</IgrGridToolbar>

    Known Limitations

    한정 설명
    계층 수준 Excel 내보내기 서비스는 최대 8개 수준의 계층 구조를 생성할 수 있습니다.
    최대 워크시트 크기 Excel에서 지원되는 최대 워크시트 크기는 1,048,576행 x 16,384열입니다.
    고정된 열 내보내기 내보낸 Excel 파일에서 고정된 열은 고정되지 않지만 그리드에 나타나는 것과 동일한 순서로 표시됩니다.

    API References

    Additional Resources

    우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.