Visão geral da planilha Web Components

O componente Planilha Web Components (visualizador do Excel) é leve, rico em recursos e fornecido com todas as opções necessárias para operar, visualizar e editar todos os tipos de dados de planilha – científicos, comerciais, financeiros e muito mais. Todas as informações podem ser apresentadas em um formato tabular que parece intuitivo e fácil de navegar entre células, painéis e planilhas. O IgcSpreadsheetComponent é complementado por uma interface flexível semelhante ao Excel, gráficos detalhados e recursos como ativação, edição de células, formatação condicional, estilo, seleção, área de transferência.

Web Components exemplo de planilha

Funcionalidade

Características

Assim como em uma planilha do Excel, você pode aplicar funcionalidades de filtragem, classificação, mover células, personalização em termos de cor das células, atalhos de teclado e até mesmo adicionar a capacidade de calcular fórmulas.

Uso de planilhas

Desempenho

A planilha é compatível com todos os navegadores modernos e otimizada para modelos de planilhas complexos e volumosos, garantindo funcionalidade e simplicidade impecáveis.

Layout flexível e fácil personalização

Você pode facilmente selecionar, adicionar, remover, alternar os recursos que deseja ligar/desligar e configurar as folhas React em um instante para que tudo atenda às necessidades dos usuários finais. Há também bibliotecas configuráveis, alternativas de estilo e formatação, opções de visibilidade, muitos temas para escolher.

Interface conveniente semelhante ao Excel

Assim como dados operacionais no Excel, nosso componente de planilha fornece todas as operações conhecidas da área de transferência do Excel – copiar, colar, recortar. Você não precisará de treinamento extra ou novas habilidades para começar a usá-lo imediatamente. Ele também vem com opções para classificação, navegação completa pelo teclado, valores e fórmulas, arrastar células, edição de colunas e linhas, filtragem, formatação de números, redimensionamento. O mecanismo de cálculo inteligente e rápido potencializa até mesmo as estimativas mais complexas. Sem dependências do Excel.

Operações de dados

Colete e gerencie dados científicos, comerciais, de engenharia, financeiros e educacionais. Prepare e crie análises, grades avançadas, relatórios, formulários de entrada de dados, orçamentos, cenários de previsão, planilhas personalizadas. Tudo isso graças à API abrangente.

Processamento de dados rápido e seguro

Com nossa planilha, o processamento de dados é 100% seguro e protegido…

Importação e exportação de Excel e CSV

Com a funcionalidade de importação/exportação integrada do Excel, você pode carregar e abrir documentos do Excel instantaneamente e visualizá-los sob demanda, adicionar alterações e salvá-los. Além disso, exporte sem esforço suas planilhas Excel .xlsx concluídas.

Dependências

Ao instalar o componente de planilha Web Components, o pacote principal e do Excel também deve ser instalado.

npm install --save igniteui-webcomponents-core npm install --save igniteui-webcomponents-excel npm install --save igniteui-webcomponents-spreadsheet

Módulos de componentes

O IgcSpreadsheetComponent requer os seguintes módulos:

// Module Manager for registering the modules of the chart import { ModuleManager } from 'igniteui-webcomponents-core'; // spreadsheet's modules import { IgcExcelModule } from 'igniteui-webcomponents-excel'; import { IgcSpreadsheetModule } from 'igniteui-webcomponents-spreadsheet'; // register the modules ModuleManager.register( IgcExcelModule, IgcSpreadsheetModule );

Uso

Agora que o módulo de planilha Web Components foi importado, a seguir está a configuração básica da planilha.

<igc-spreadsheet id="spreadsheet" height="500px" width="100%"> </igc-spreadsheet>

[! Observação]

No trecho de código a seguir, uma classe ExcelUtility externa é usada para salvar e carregar uma workbook.

Veja a seguir como carregar uma pasta de trabalho na planilha Web Components

import { IgcSpreadsheetComponent } from 'igniteui-webcomponents-spreadsheet'; import { Workbook } from 'igniteui-webcomponents-excel'; import { ExcelUtility } from "./ExcelUtility"; // ... let spreadsheet = (document.getElementById("spreadsheet") as IgcSpreadsheetComponent); const excelFile = '../../assets/Sample1.xlsx'; ExcelUtility.loadFromUrl(excelFile).then((w: Workbook) => { spreadsheet.workbook = w; });