Exportación de cuadrícula Web Components al servicio Excel

    La Ignite UI for Web Components a Excel en Web Components Grid puede exportar datos a Excel. La funcionalidad de exportación de datos está encapsulada en la clase ExcelExporterService y los datos se exportan en formato de tabla de MS Excel. Este formato permite funciones como filtrar, ordenar, etc. Para hacer esto, debe invocar el método Export de ExcelExporterService y pasar el componente IgcGridComponent como primer argumento para exportar la cuadrícula fácilmente.

    Web Components Excel Exporter Example

    Export Grouped Data

    Para exportar datos agrupados sólo necesita agrupar el IgcGridComponent por una o más columnas. El navegador descargará un archivo llamado "ExportedDataFile.xlsx" que contiene los datos del componente IgcGridComponent en formato MS Excel agrupados por la columna seleccionada. Puede encontrar un ejemplo al principio del tema.

    Export Multi Column Headers Grid

    Ahora es posible exportar IgcGridComponent con encabezados de varias columnas definidos. Todos los encabezados se reflejarán en el archivo de Excel exportado tal como se muestran en IgcGridComponent. Si desea excluir los encabezados de varias columnas definidos de los datos exportados, puede configurar ExporterOption IgnoreMultiColumnHeaders en true.

    [!Note] The exported IgcGridComponent will not be formatted as a table, since Excel tables do not support multiple column headers.

    Export Grid with Frozen Column Headers

    De forma predeterminada, el servicio Excel Exporter exporta la cuadrícula con encabezados de columna desplazables (descongelados). Hay escenarios en los que es posible que desee congelar todos los encabezados encima del archivo de Excel exportado para que siempre permanezcan a la vista mientras el usuario se desplaza por los registros. Para lograr esto, puede configurar ExporterOption FreezeHeaders en true.

    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

    Additional Resources

    Nuestra comunidad es activa y siempre da la bienvenida a nuevas ideas.