React Hierarchical Grid Export to Excel サービス

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

React Excel Exporter の例

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

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

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

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

デフォルトでは、Excel エクスポーターサービスは、スクロール可能な (固定されていない) 列ヘッダーを使用してグリッドをエクスポートします。エクスポートされた Excel ファイルの上にあるすべてのヘッダーを固定して、ユーザーがレコードをスクロールしても常に表示されたままにするシナリオがあります。これを実現するには、ExporterOption FreezeHeaders を true に設定します。

function exportEventFreezeHeaders(grid: IgrGridBaseDirective, args: IgrExporterEvent) {
    args.detail.options.freezeHeaders = true;
}

<IgrGridToolbar key="toolbar">
  <IgrGridToolbarActions key="toolbarActions">
    <IgrGridToolbarExporter key="exporting" exportStarted={exportEventFreezeHeaders}></IgrGridToolbarExporter>
  </IgrGridToolbarActions>
</IgrGridToolbar>

既知の問題と制限

制限	説明
階層レベル	Excel エクスポーターサービスは、最大 8 レベルの階層を作成できます。
ワークシートの最大サイズ	Excel でサポートされているワークシートの最大サイズは、1,048,576 行 x 16,384 列です。
ピン固定列された列のエクスポート	エクスポートされた Excel ファイルでは、ピン固定列は固定されませんが、グリッドに表示されるのと同じ順序で表示されます。

API リファレンス

ExcelExporterService
ExcelExporterOptions
IgrHierarchicalGrid

その他のリソース

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