Handsontable

JavaScript data grid that looks and feels like a spreadsheet.

Published by Handsoncode
Distributed by ComponentSource since 2016

Prices from: $ 979.02 Version: 17.0.1 NEW Updated: Mar 25, 2026 5.00 Star Average Review5.00 Star Average Review5.00 Star Average Review5.00 Star Average Review5.00 Star Average Review (1)

Screenshot of 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
Click for more

Image 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...
Learn more about Handsontable

Latest News

Enable Multi-Selection in a Single Cell
Enable Multi-Selection in a Single Cell
March 17, 2026Feature Highlight
Handsontable 17.0.0 can store and manage multiple values within a cell using a searchable dropdown that supports full keyboard navigation.
Simplify Data Grid Theming with CSS Aliases
Simplify Data Grid Theming with CSS Aliases
December 9, 2025Product Update
Handsontable 16.2.0 updates its CSS variables with a structured alias hierarchy, making it easier to manage and customize themes.
Render Large Datasets Without Performance Loss
Render Large Datasets Without Performance Loss
September 25, 2025Product Update
Handsontable 16.1.0 introduces client-side row pagination to enhance performance and usability with large tables.
Handle Long Text in Grid Cells Gracefully with Ellipses
Handle Long Text in Grid Cells Gracefully with Ellipses
July 10, 2025Product Update
Handsontable 16.0.0 adds a new 'textEllipsis' feature that shortens overlong cell content with an ellipsis, signaling hidden text.
Handsoncode Wins Two ComponentSource Awards
Handsoncode Wins Two ComponentSource Awards
May 13, 2025Publisher Award
ComponentSource has awarded Handsoncode a Top 25 Publisher Award and Top 100 Product Award for 2025.
Boost Grid Performance with Cached Cell Nodes
Boost Grid Performance with Cached Cell Nodes
February 25, 2025Product Update
Handsontable 15.1.0 reuses and caches cell nodes, reducing needless DOM manipulations and boosting table rendering speed by up to 40%.
More News

Prices from: $ 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...
More on Licensing

Got a Question?

Live Chat with our Handsoncode licensing specialists now.

Handsoncode
As official and authorized distributors, ComponentSource supplies you with legitimate licenses directly from Handsoncode.
More about Handsoncode
Component Type
  • JavaScript
  • Angular
  • React
  • Vue.js
More on Compatibility

Recent Awards

ProductPublisherProduct

Customer Reviews

Average Review Score: 5 (1)

5 out of 5 stars

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

Most recent positive review

There are no positive reviews for this product.

Most recent critical review

There are no negative reviews for this product.
More Reviews