Repolode
Enviar
jspreadsheet

jspreadsheet/ce

Jspreadsheet CE é um componente leve de grid de dados em JavaScript, com edição no estilo Excel, fórmulas e tipos de coluna para aplicações web.

Alternativa open source a:ExcelGoogle Sheets

Ver no GitHubSite
Estrelas
7,241
Forks
892
Issues abertas
155
Último commit
há 24 dias

O que é?

Jspreadsheet CE é um componente JavaScript que transforma um contêiner HTML em um grid de dados interativo no estilo de planilha. Ele é voltado a desenvolvedores que precisam permitir que usuários visualizem, insiram e editem dados tabulares no navegador sem criar um grid do zero.

O grid oferece colunas tipadas, como texto, números com máscaras, listas suspensas com preenchimento automático, calendários, caixas de seleção, seletores de cores e imagens. Os usuários podem copiar e colar com os atalhos padrão do Excel. O componente também inclui suporte a fórmulas, redimensionamento e arraste de colunas, cabeçalhos aninhados e várias planilhas em uma mesma planilha.

O pacote é publicado no npm e também pode ser carregado por CDN. Ele usa a licença MIT, e o projeto oferece wrappers para React e Vue, além de exemplos para jQuery e web components.

Recursos principais

  • 01Edição no estilo Excel, com atalhos padrão para copiar e colar
  • 02Colunas tipadas para texto, números com máscaras, listas suspensas, calendários, caixas de seleção, cores e imagens
  • 03Suporte a fórmulas e fórmulas no rodapé
  • 04Arraste e redimensionamento de colunas, além de cabeçalhos aninhados
  • 05Várias planilhas em uma mesma planilha
  • 06Wrappers específicos para React e Vue

Casos de uso

  • Grids de dados editáveis em interfaces de ERP ou gerenciamento de estoque
  • Tabelas para inserir notas ou dados de estudantes em sistemas educacionais
  • Coleta de dados de laboratório ou pesquisa com validação personalizada
  • Adicionar edição no estilo de planilha a uma aplicação web existente

Início rápido

  1. 1

    Instale o pacote pelo npm

    npm install jspreadsheet-ce
  2. 2

    Adicione os scripts e as folhas de estilo do Jspreadsheet e do Jsuites ao arquivo HTML ou use os links de CDN do README

  3. 3

    Crie um contêiner div com um id e inicialize a grade com jspreadsheet() em JavaScript

  4. 4

    Sirva o arquivo HTML e abra-o em um navegador para ver a grade

Antes de usar

  • A versão 5 mudou a arquitetura em relação à v4, então a atualização exige alterações no código de acordo com o guia de migração.
  • Recursos avançados, como alguns recursos empresariais, estão disponíveis apenas na versão paga Jspreadsheet Pro.

Tópicos

#javascript#data-grid#spreadsheet#excel#frontend-component#table#web-components#datagrid#datatables#grid

Perguntas frequentes

O que é ce?
Jspreadsheet CE é um componente leve de grid de dados em JavaScript, com edição no estilo Excel, fórmulas e tipos de coluna para aplicações web. Jspreadsheet CE é um componente JavaScript que transforma um contêiner HTML em um grid de dados interativo no estilo de planilha. Ele é voltado a desenvolvedores que precisam permitir que usuários visualizem, insiram e editem dados tabulares no navegador sem criar um grid do zero.
ce é gratuito? Qual é a licença?
ce é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
ce ainda é mantido?
Manutenção ativa. O último commit de ce foi em 14 de out. de 2026.
Para que posso usar ce?
Grids de dados editáveis em interfaces de ERP ou gerenciamento de estoque Tabelas para inserir notas ou dados de estudantes em sistemas educacionais Coleta de dados de laboratório ou pesquisa com validação personalizada Adicionar edição no estilo de planilha a uma aplicação web existente
Como instalar ce?
Instale o pacote pelo npm: npm install jspreadsheet-ce Adicione os scripts e as folhas de estilo do Jspreadsheet e do Jsuites ao arquivo HTML ou use os links de CDN do README Crie um contêiner div com um id e inicialize a grade com jspreadsheet() em JavaScript Sirva o arquivo HTML e abra-o em um navegador para ver a grade
Onde consigo ce?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/jspreadsheet/ce

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados