Handsontable

JavaScript Data Grid que se assemelha a uma planilha.

Publicado por Handsoncode
Distribuído pela ComponentSource desde 2016

Preços a partir de: $ 979.02 Versão: 17.0.1 NOVO Atualizado: Mar 25, 2026 5.00 Comentário com média em estrelas5.00 Comentário com média em estrelas5.00 Comentário com média em estrelas5.00 Comentário com média em estrelas5.00 Comentário com média em estrelas (1)

Captura de tela do Handsontable
i

Handsontable is the new name for Handsontable Pro.

Handsontable

Handsontable is a JavaScript/HTML5 data grid component with a spreadsheet look and feel that is independent from any external framework. It can be easily modified or extended with custom plugins. It also binds to any source using the JSON format and is capable of handling large amounts of data. You can easily perform data binding, data validation, filtering, sorting and CRUD operations, and provide end-users with an Excel-like experience. Handsontable comes with wrappers and directives for most popular frameworks, such as Angular, React and Vue. The component supports multiple languages including Chinese, Japanese, German, Spanish, French, Portuguese, Polish and Russian.

Handsontable

Column SummaryAutomatically calculate sum, average, min, max, or count for columns and display results in a designated row.
Column SummaryAutomatically calculate sum, average, min, max, or count for columns and display results in a designated row.
Cell TypesBuilt-in cell types: text, numeric, date, time, checkbox, select, dropdown, autocomplete, and password.
Cell TypesBuilt-in cell types: text, numeric, date, time, checkbox, select, dropdown, autocomplete, and password.
ValidationValidate cell values with built-in validators or custom validation functions. Invalid cells are highlighted.
ValidationValidate cell values with built-in validators or custom validation functions. Invalid cells are highlighted.
Multi-selectSelect multiple values per cell from a searchable dropdown with chip-based display and overflow indicators.
Multi-selectSelect multiple values per cell from a searchable dropdown with chip-based display and overflow indicators.
Conditional FormattingApply dynamic styles based on cell values using custom cell renderers.
Conditional FormattingApply dynamic styles based on cell values using custom cell renderers.
Custom RenderersCreate custom cell renderers to display data with rich HTML content like progress bars or badges.
Custom RenderersCreate custom cell renderers to display data with rich HTML content like progress bars or badges.
Built-in themes
Built-in themes
Use tokens to generate a themeInside the Figma file, you’ll find local variables that define all parts of the data grid — like colors, spacing, font styles, icon sizes, and more. These variables are organized into three themes: Main, Horizon and Classic each available in both light and dark mode.
Use tokens to generate a themeInside the Figma file, you’ll find local variables that define all parts of the data grid — like colors, spacing, font styles, icon sizes, and more. These variables are organized into three themes: Main, Horizon and Classic each available in both light and dark mode.
Dark Mode
Dark Mode
Date Custom Renders
Date Custom Renders
Custom Context Menu
Custom Context Menu
Handsontable
Handsontable
Clique para saber mais

Imagem 1 / 13

Column SummaryAutomatically calculate sum, average, min, max, or count for columns and display results in a designated row.
Cell TypesBuilt-in cell types: text, numeric, date, time, checkbox, select, dropdown, autocomplete, and password.
ValidationValidate cell values with built-in validators or custom validation functions. Invalid cells are highlighted.
Multi-selectSelect multiple values per cell from a searchable dropdown with chip-based display and overflow indicators.
Conditional FormattingApply dynamic styles based on cell values using custom cell renderers.
Custom RenderersCreate custom cell renderers to display data with rich HTML content like progress bars or badges.
Built-in themes
Use tokens to generate a themeInside the Figma file, you’ll find local variables that define all parts of the data grid — like colors, spacing, font styles, icon sizes, and more. These variables are organized into three themes: Main, Horizon and Classic each available in both light and dark mode.
Dark Mode
Date Custom Renders
Custom Context Menu
Handsontable

Handsontable Features

  • Accessibility - Be able to use screen readers and navigate between cells.
  • Alignment - Decide where the content is placed within the cell or a range of cells.
  • Autocomplete - Choose one of the suggested options while typing or entering a custom value.
  • Binding rows with headers - Bind rows with headers to lock the row number and always display one beside the other.
  • Checkbox - Add a checkbox to a cell to indicate binary choices.
  • Collapsing columns - Expand and collapse columns...
Saiba mais sobre Handsontable

Últimas Notícias

Permita a multisseleção em uma única célula
Permita a multisseleção em uma única célula
March 17, 2026Destaque de recursos
O Handsontable 17.0.0 pode armazenar e gerenciar múltiplos valores dentro de uma célula usando um menu suspenso pesquisável que aceita navegação completa por teclado.
Simplifique a temática de grade de dados com aliases CSS
Simplifique a temática de grade de dados com aliases CSS
December 9, 2025Product Update
O Handsontable 16.2.0 atualiza suas variáveis CSS com uma hierarquia estruturada de alias, facilitando o gerenciamento e a personalização de temas.
Renderize grandes conjuntos de dados sem perda de desempenho
Renderize grandes conjuntos de dados sem perda de desempenho
September 25, 2025Product Update
O Handsontable 16.1.0 introduz a paginação de linha do lado do cliente para melhorar o desempenho e a usabilidade com tabelas grandes.
Manipule texto longo em células de grade usando reticências
Manipule texto longo em células de grade usando reticências
July 10, 2025Product Update
O Handsontable 16.0.0 adiciona o novo recurso “textEllipsis”, que encurta o conteúdo longo nas células usando reticências, que sinaliza a presença de texto oculto.
Handsoncode ganha dois prêmios ComponentSource
Handsoncode ganha dois prêmios ComponentSource
May 13, 2025Publisher Award
A ComponentSource concedeu à Handsoncode o Top 25 Publisher Award e o Top 100 Product Award de 2025.
Aumente o desempenho da grade com nós de célula em cache
Aumente o desempenho da grade com nós de célula em cache
February 25, 2025Product Update
O Handsontable 15.1.0 reutiliza e armazena em cache os nós das células, reduzindo as manipulações desnecessárias de DOM e aumentando a velocidade de renderização da tabela em até 40%.
Mais Notícias

Preços a partir de: $ 979.02

Annual Licenses: The Annual Subscription License grants you a non-exclusive right to install and use the software as long as you pay the subscription fee. If you choose not to renew your license you...
Mais informações sobre licenciamento

Tem alguma pergunta?

Chat ao vivo com nossos especialistas de licenciamento de Handsoncode.

Handsoncode
Como distribuidores oficiais e autorizados, a ComponentSource fornece a você licenças legítimas diretamente de Handsoncode.
Mais sobre Handsoncode
Component Type
  • JavaScript
  • Angular
  • React
  • Vue.js
Mais sobre compatibilidade

Prêmios recentes

ProductPublisherProduct

Análises de clientes

Média de Pontuação de revisão: 5 (1)

5 de 5 estrelas

5 estrela
100%
4 estrela
0%
3 estrela
0%
2 estrela
0%
1 estrela
0%

Comentário positivo mais recente

Não existem comentários positivos para este produto.

Comentário crítico mais recente

Não existem comentários negativos para este produto.
Mais comentários