Web Components Exportação de grade para o serviço do Excel

    O Serviço Ignite UI for Web Components Exportar para o Excel no Web Components 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 IgcGridComponent componente como primeiro argumento para exportar grid facilmente.

    Web Components Excel Exporter Example

    Export Grouped Data

    Para exportar dados agrupados, você só precisa agrupá-los IgcGridComponent por uma ou mais colunas. O navegador fará o download de um arquivo chamado "ExportedDataFile.xlsx" que contém os dados do IgcGridComponent 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 IgcGridComponent com cabeçalhos de várias colunas definidos. Todos os cabeçalhos serão refletidos no arquivo Excel exportado conforme são exibidos no IgcGridComponent. 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 IgcGridComponent 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.

    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

    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

    Additional Resources

    Nossa comunidade é ativa e sempre acolhedora para novas ideias.