React Exportación de cuadrícula al servicio de Excel

    El servicio de exportación a Excel de Ignite UI for React en React cuadrícula puede exportar datos a Excel. La funcionalidad de exportación de datos se encapsula en la ExcelExporterService clase y los datos se exportan en formato de tabla de MS Excel. Este formato permite funciones como filtrado, clasificación, etc. Para hacer esto, debe invocar el Export método de ExcelExporterService y pasar el componente como primer argumento para exportar la IgrGrid cuadrícula fácilmente.

    React Excel Exporter Example

    EXAMPLE

    Like this sample? Get access to our complete Ignite UI for React toolkit and start building your own apps in minutes. Download it for free.

    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.

    Ignite UI for React | CTA Banner

    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.

    The exported IgrGrid will not be formatted as a table, since Excel tables do not support multiple column headers.

    EXAMPLE
    DATA
    TSX
    CSS

    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>
    tsx

    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.