Handsontable

外觀和感覺像試算表的 JavaScript 資料網格。

由以下開發商製作:Handsoncode
ComponentSource 開始代理銷售的日期:2016年

價格從： US$ 979.02 版本: 17.0.1 新增功能 更新: Mar 25, 2026 5.00 評價的平均星級5.00 評價的平均星級5.00 評價的平均星級5.00 評價的平均星級5.00 評價的平均星級 (1)

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
點按瞭解更多

圖像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...
瞭解更多關於Handsontable

最新新聞

在單個儲存格中啟用多選
在單個儲存格中啟用多選
March 17, 2026功能焦點
Handsontable 17.0.0 使用支援完整鍵盤導航的可搜索下拉式功能表可在一個儲存格內存儲和管理多個值。
用 CSS 別名簡化資料網格主題
用 CSS 別名簡化資料網格主題
December 9, 2025Product Update
Handsontable 16.2.0 用結構化別名層級更新其 CSS 變數，使管理和自訂主題更加便捷。
無需性能損失即可呈現大型資料集
無需性能損失即可呈現大型資料集
September 25, 2025Product Update
Handsontable 16.1.0 引進了用戶端資料列分頁，以增強大型表的效能和可用性。
用省略號優雅地處理網格單元格中的長文本
用省略號優雅地處理網格單元格中的長文本
July 10, 2025Product Update
Handsontable 16.0.0 添加一個新的“textEllipsis”功能，其用省略號縮短超長儲存格內容，從而表示隱藏文本。
Handsoncode 榮獲 ComponentSource 二個獎項
Handsoncode 榮獲 ComponentSource 二個獎項
May 13, 2025Publisher Award
ComponentSource 授予 Handsoncode 2025 年度廠家 25 強獎和產品 100 強獎。
用暫存單元節點提高網格性能
用暫存單元節點提高網格性能
February 25, 2025Product Update
Handsontable 15.1.0 重用和暫存單元節點，減少了不必要的 DOM 作，並將表呈現速度提高達 40%。
更多新聞

價格從： US$ 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...
更多關於許可

有任何疑問嗎?

Live Chat現在與我們的Handsoncode 專家即時聊天詢問。

Handsoncode
作為官方授權的代理商，ComponentSource 可為您提供Handsoncode的正版授權。
更多關於 Handsoncode
Component Type
  • JavaScript
  • Angular
  • React
  • Vue.js
更多關於相容性

最近獲得的獎項

ProductPublisherProduct

客戶評價

平均審查評分: 5 (1)

5 (滿分 5 顆星)

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

最近的好評價

這種產品沒有任何正面評論。

最新評論

這種產品沒有任何負面評論。
更多評價