Handsontable

JavaScript-Datenraster mit der Darstellung einer Tabellenkalkulation.

Veröffentlicht von Handsoncode
Wird von ComponentSource seit 2016 vertrieben

Preise ab: $ 979.02 Version: 18.0.0 NEU Letzte Aktualisierung: Jun 30, 2026 5.00 Stern Durchschnittliche Bewertung5.00 Stern Durchschnittliche Bewertung5.00 Stern Durchschnittliche Bewertung5.00 Stern Durchschnittliche Bewertung5.00 Stern Durchschnittliche Bewertung (1)

Screenshot von 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
Hier klicken für weitere Infos

Bild 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...
Erfahren Sie mehr über Handsontable

Aktuelle Neuigkeiten

Build Data Grid Apps on a More Robust Codebase
Build Data Grid Apps on a More Robust Codebase
July 3, 2026Product Update
Handsontable's core has been completely rewritten in TypeScript, improving long-term stability and maintainability across the codebase.
Direktes Exportieren von Datentabellen in Excel
Direktes Exportieren von Datentabellen in Excel
June 9, 2026Product Update
Handsontable 17.1.0 kann XLSX-Dateien direkt über das Raster generieren, währendobei Filter, Sortierung, Spaltenlayouts und andere Einstellungen der Ansicht erhalten bleiben.
Aktivieren einer Mehrfachauswahl in einer einzigen Zelle
Aktivieren einer Mehrfachauswahl in einer einzigen Zelle
March 17, 2026Feature-Highlight
Handsontable 17.0.0 kann mehrere Werte innerhalb einer Zelle speichern und verwalten, und bietet dazu ein durchsuchbares Dropdown-Menü, das eine vollständige Tastaturnavigation unterstützt.
Vereinfachen des Datengitter-Themings mit CSS-Aliasen
Vereinfachen des Datengitter-Themings mit CSS-Aliasen
December 9, 2025Product Update
Handsontable 16.2.0 aktualisiert seine CSS-Variablen mit einer strukturierten Alias-Hierarchie, was die Verwaltung und Anpassung von Themes erleichtert.
Rendern großer Datensätze ohne Leistungsverlust
Rendern großer Datensätze ohne Leistungsverlust
September 25, 2025Product Update
Handsontable 16.1.0 integriert eine clientseitige Zeilenpaginierung, um die Leistung und Benutzerfreundlichkeit großer Tabellen zu verbessern.
Ordnungsgemäßes Behandeln von langem Text in Rasterzellen mit Ellipsen
Ordnungsgemäßes Behandeln von langem Text in Rasterzellen mit Ellipsen
July 10, 2025Product Update
Handsontable 16.0.0 integriert eine neue 'textEllipsis'-Funktion, die überlange Zelleninhalte mit einer Ellipse kürzt und versteckten Text signalisiert.
Mehr Neuigkeiten

Preise ab: $ 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...
Mehr zur Lizenzierung

Sie haben eine Frage?

Live-Chat mit unseren Handsoncode-Lizenzierungs-Spezialisten.

Handsoncode
Als offizieller und autorisierter Distributor bietet Ihnen ComponentSource gültige Lizenzen direkt von Handsoncode.
Mehr über Handsoncode
Component Type
  • JavaScript
  • Angular
  • React
  • Vue.js
Mehr zur Kompatibilität

Aktuelle Auszeichnungen

ProductPublisherProduct

Kunden-Rezensionen

Durchschnittliche Bewertungspunkte: 5 (1)

5 von 5 Sternen

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

Aktuelle positive Bewertungen

Es gibt keine positiven Bewertungen für dieses Produkt.

Aktuelle kritische Bewertungen

Es gibt keine negativen Bewertungen für dieses Produkt.
Weitere Bewertungen