Web Components Exportación de cuadrícula al servicio de Excel
The Ignite UI for Web Components Export to Excel Service in Web Components 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 IgcGridComponent component as first argument to export grid easily.
Web Components Excel Exporter Example
Export Grouped Data
Para exportar datos agrupados solo necesitas agruparlosIgcGridComponent por una o más columnas. El navegador descargará un archivo llamado "ExportedDataFile.xlsx" que contiene los datos delIgcGridComponent componente en formato MS Excel agrupados por la columna seleccionada. Puedes encontrar ejemplos al principio del tema.
Export Multi Column Headers Grid
Ahora es posible exportarIgcGridComponent con cabeceras multicolumna definidas. Todos los encabezados se reflejarán en el archivo de Excel exportado tal como se muestran en elIgcGridComponent. Si quieres excluir los encabezados multicolumna definidos de los datos exportados, puedes configurar elExporterOption IgnoreMultiColumnHeaders paratrue.
[!Note] The exported
IgcGridComponentwill not be formatted as a table, since Excel tables do not support multiple column headers.
Export Grid with Frozen Column Headers
Por defecto, el servicio Excel Exporter exporta la cuadrícula con cabeceras de columna desplazables (sin congelar). Hay situaciones en las que quizá quieras congelar todas las cabeceras sobre el archivo Excel exportado para que siempre permanezcan a la vista mientras el usuario navega por los registros. Para lograrlo, podrías configurar elExporterOption FreezeHeaders paratrue.
constructor() {
var gridToolbarExporter1 = document.getElementById('gridToolbarExporter1') as IgcGridToolbarExporterComponent;
gridToolbarExporter1.addEventListener("exportStarted", this.webGridExportEventFreezeHeaders);
}
public webGridExportEventFreezeHeaders(args: any): void {
args.detail.options.freezeHeaders = true;
}
Known Limitations
| Limitación | Descripción |
|---|---|
| Tamaño máximo de hoja de trabajo | El tamaño máximo de hoja de cálculo admitido por Excel es 1.048.576 filas por 16.384 columnas. |
| Estilo celular | El servicio de exportación de Excel no admite la exportación de un estilo personalizado aplicado a un componente de celda. En tales escenarios, recomendamos utilizar la Biblioteca de Excel. |
API References
ExcelExporterServiceExcelExporterOptionsIgcGridComponent
Additional Resources
Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.