Web Components 계층적 그리드를 Excel 서비스로 내보내기

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

    Web Components Excel 내보내기 예제

    EXAMPLE
    TS
    HTML
    CSS
    Edit in:

    이 샘플이 마음에 드시나요? 당사의 완전한 Ignite UI for Web Components 툴킷에 액세스하여 몇 분 만에 나만의 앱을 빌드하기 시작하세요. 무료로 다운로드하세요.

    다중 열 머리글 그리드 내보내기

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

    Excel 테이블은 여러 열 헤더를 지원하지 않으므로 내보낸 IgcHierarchicalGridComponent는 테이블로 형식이 지정되지 않습니다.

    EXAMPLE
    TS
    HTML
    CSS
    Edit in:

    Ignite UI for Web Components | CTA 배너

    고정된 열 헤더가 있는 그리드 내보내기

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

    constructor() {
  var hGridToolbarExporter = document.getElementById('hGridToolbarExporter') as IgcGridToolbarExporterComponent;
  hGridToolbarExporter.addEventListener("exportStarted", this.webGridExportEventFreezeHeaders);
}

public webGridExportEventFreezeHeaders(args: CustomEvent<IgcExporterEvent>): void {
  args.detail.options.freezeHeaders = true;
}
ts

    알려진 제한 사항

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

    API 참조

    추가 리소스

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