Web Components Hierarchical Grid Export to Excel Service
The Ignite UI for Web Components Export to Excel Service in Web Components Hierarchical Grid can export data to excel. The data export functionality is encapsulated in the ExcelExporterService
class and the data is exported in MS Excel table format. This format allows features like filtering, sorting, etc. To do this you need to invoke the Export
method of ExcelExporterService
and pass the IgcHierarchicalGridComponent
component as first argument to export grid easily.
Web Components Excel Exporter Example
Export Multi Column Headers Grid
It is now possible to export IgcHierarchicalGridComponent
with defined multi-column headers. All headers will be reflected in the exported excel file as they are displayed in the IgcHierarchicalGridComponent
. If you want to exclude the defined multi-column headers from the exported data you can set the ExporterOption
IgnoreMultiColumnHeaders
to true
.
[!Note] The exported
IgcHierarchicalGridComponent
will not be formatted as a table, since Excel tables do not support multiple column headers.
Export Grid with Frozen Column Headers
By default Excel Exporter service exports the grid with scrollable (unfrozen) column headers. There are scenarios in which you may want to freeze all headers on top of the exported excel file so they always stay in view as the user scrolls through the records. To achieve this you could set the ExporterOption
FreezeHeaders
to 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;
}
Known Limitations
Limitation | Description |
---|---|
Hierarchy levels | The excel exporter service can create up to 8 levels of hierarchy. |
Max worksheet size | The maximum worksheet size supported by Excel is 1,048,576 rows by 16,384 columns. |
Exporting pinned columns | In the exported Excel file, the pinned columns will not be frozen but will be displayed in the same order as they appear in the grid. |
API References
ExcelExporterService
ExcelExporterOptions
IgcHierarchicalGridComponent
Additional Resources
Our community is active and always welcoming to new ideas.