Handsontable

Une grille de données JavaScript qui ressemble en tout point à une feuille de calcul.

Publié par Handsoncode
Distribué par ComponentSource depuis 2016

Prix à partir de : $ 979.02 Version : 17.0.1 NOUVEAU Mise à jour : Mar 25, 2026 Nombre moyen d'étoiles 5.00Nombre moyen d'étoiles 5.00Nombre moyen d'étoiles 5.00Nombre moyen d'étoiles 5.00Nombre moyen d'étoiles 5.00 (1)

Capture d'écran de 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
Cliquez pour plus d'informations

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...
En savoir plus sur Handsontable

Dernières nouvelles

Activez la sélection multiple dans une seule cellule
Activez la sélection multiple dans une seule cellule
March 17, 2026Fonctionnalités clés
Handsontable 17.0.0 peut stocker et gérer plusieurs valeurs dans une cellule grâce à un menu déroulant consultable qui permet une navigation complète au clavier.
Simplifiez le thème de la grille de données avec des alias CSS
Simplifiez le thème de la grille de données avec des alias CSS
December 9, 2025Product Update
Handsontable 16.2.0 met à jour ses variables CSS avec une hiérarchie d’alias structurée, facilitant la gestion et la personnalisation des thèmes.
Affichez des jeux de données volumineux sans perte de performances
Affichez des jeux de données volumineux sans perte de performances
September 25, 2025Product Update
Handsontable 16.1.0 permet la pagination des lignes côté client pour améliorer les performances et la convivialité grâce à des tables volumineuses.
Gérez le texte long dans les cellules de la grille à l’aide d’ellipses
Gérez le texte long dans les cellules de la grille à l’aide d’ellipses
July 10, 2025Product Update
Handsontable 16.0.0 ajoute une nouvelle fonctionnalité 'textEllipsis' qui raccourcit le contenu des cellules trop longues avec une ellipse, signalant le texte caché.
Handsoncode remporte deux ComponentSource Awards
Handsoncode remporte deux ComponentSource Awards
May 13, 2025Publisher Award
ComponentSource a décerné à Handsoncode les prix "Top 25 Publisher Award" et "Top 100 Product Award" pour l'édition 2025.
Améliorez les performances d’une grille avec la mise en cache des nœuds de cellule
Améliorez les performances d’une grille avec la mise en cache des nœuds de cellule
February 25, 2025Product Update
Handsontable 15.1.0 réutilise et met en cache les nœuds de cellules, réduisant ainsi les manipulations inutiles de l’arbre DOM et pour un rendu des tables 40 % plus rapide.
Autres actualités

Prix à 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...
Plus sur les licences

Vous avez une question ?

Discutez en direct avec l'un de nos spécialiste des licences Handsoncode .

Handsoncode
En tant que distributeurs officiels et autorisés, ComponentSource vous fournit directement des licences légitimes à partir de Handsoncode.
Plus d'infos sur Handsoncode
Component Type
  • JavaScript
  • Angular
  • React
  • Vue.js
Plus sur la compatibilité

Prix récents

ProductPublisherProduct

Revues clients

Évaluation moyenne : 5 (1)

5 sur 5 étoiles

5 étoile
100%
4 étoile
0%
3 étoile
0%
2 étoile
0%
1 étoile
0%

Critique positive la plus récente

Il n'y a aucun avis positif sur ce produit.

Critique la plus récente

Il n'y a aucun avis négatif sur ce produit.
Plus de critiques