React cuadrícula Exportar al servicio Excel

    La Ignite UI for React Export to Excel en React 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 IgrGrid como primer argumento para exportar la cuadrícula fácilmente.

    React Excel Exporter Example

    Export Grouped Data

    Para exportar datos agrupados solo necesita agrupar IgrGrid por una o más columnas. El navegador descargará un archivo llamado "ExportedDataFile.xlsx" que contiene los datos del componente IgrGrid 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 IgrGrid con encabezados de varias columnas definidos. Todos los encabezados se reflejarán en el archivo de Excel exportado tal como se muestran en IgrGrid. Si desea excluir los encabezados de varias columnas definidos de los datos exportados, puede configurar ExporterOption IgnoreMultiColumnHeaders en true.

    [!Note] The exported IgrGrid 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.

    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>
    

    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

    • ExcelExporterService
    • ExcelExporterOptions
    • IgrGrid

    Additional Resources

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