Web Components Hierarchical Grid Export to Excel サービス

    Web Components Hierarchical Grid の Ignite UI for Web Components Export to Excel サービスは、データを Excel へエクスポートできます。エクスポート機能は、ExcelExporterService クラスでカプセル化され、MS Excel テーブル形式でデータをエクスポートします。この形式ではフィルタリングやソートなどの機能が使用でき、ExcelExporterService の Export メソッドを呼び出して最初の引数として IgcHierarchicalGridComponent コンポーネントを渡し、グリッドを簡単にエクスポートします。

    Web Components Excel Exporter の例

    EXAMPLE
    TS
    HTML
    CSS
    Edit in:

    このサンプルが気に入りましたか? 完全な Ignite UI for Web Componentsツールキットにアクセスして、すばやく独自のアプリの作成を開始します。無料でダウンロードできます。

    複数列ヘッダー グリッドのエクスポート

    定義された複数列ヘッダーを使用して IgcHierarchicalGridComponent をエクスポートできるようになりました。すべてのヘッダーは、IgcHierarchicalGridComponent に表示されるときに、エクスポートされた Excel ファイルに反映されます。エクスポートされたデータから定義された複数列ヘッダーを除外する場合は、ExporterOption IgnoreMultiColumnHeaders を true に設定できます。

    Excel テーブルは複数の列ヘッダーをサポートしていないため、エクスポートされた IgcHierarchicalGridComponent はテーブルとしてフォーマットされません。

    EXAMPLE
    TS
    HTML
    CSS
    Edit in:

    Ignite UI for Web Components | CTA Banner

    固定された列ヘッダーを使用してグリッドをエクスポートする

    デフォルトでは、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 リファレンス

    その他のリソース

    コミュニティに参加して新しいアイデアをご提案ください。