React Exportação de grade para o serviço do Excel

    O Serviço Ignite UI for React Exportar para o Excel no React Grid pode exportar dados para o Excel. A funcionalidade de exportação de dados é encapsulada ExcelExporterService na classe e os dados são exportados no formato de tabela do MS Excel. Este formato permite recursos como filtragem, classificação, etc. Para fazer isso, você precisa invocar o Export método e ExcelExporterService passar o IgrGrid componente como primeiro argumento para exportar grid facilmente.

    React Excel Exporter Example

    Export Grouped Data

    Para exportar dados agrupados, você só precisa agrupá-los IgrGrid por uma ou mais colunas. O navegador fará o download de um arquivo chamado "ExportedDataFile.xlsx" que contém os dados do IgrGrid componente no formato MS Excel agrupados pela coluna selecionada. Você pode encontrar um exemplo no início do tópico.

    Export Multi Column Headers Grid

    Agora é possível exportar IgrGrid com cabeçalhos de várias colunas definidos. Todos os cabeçalhos serão refletidos no arquivo Excel exportado conforme são exibidos no IgrGrid. Se você quiser excluir os cabeçalhos de várias colunas definidos dos dados exportados, poderá definir o ExporterOption IgnoreMultiColumnHeaders parâmetro para 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

    Por padrão, o serviço Exportador do Excel exporta a grade com cabeçalhos de coluna roláveis (descongelados). Há cenários em que você pode querer congelar todos os cabeçalhos na parte superior do arquivo Excel exportado para que eles sempre permaneçam à vista enquanto o usuário percorre os registros. Para conseguir isso, você pode definir o ExporterOption FreezeHeaders para 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

    Limitação Descrição
    Tamanho máximo da planilha O tamanho máximo da planilha com suporte no Excel é de 1.048.576 linhas por 16.384 colunas.
    Estilo de célula O serviço exportador do Excel não oferece suporte à exportação de um estilo personalizado aplicado a um componente de célula. Nesses cenários, recomendamos o uso da Biblioteca do Excel.

    API References

    • ExcelExporterService
    • ExcelExporterOptions
    • IgrGrid

    Additional Resources

    Nossa comunidade é ativa e sempre acolhedora para novas ideias.