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
ExcelExporterService
ExcelExporterOptions
IgcGridComponent
Additional Resources
Nossa comunidade é ativa e sempre acolhedora para novas ideias.