Handsontable （英語版）

スプレッドシートに似たJavaScriptのデータグリッド

Handsoncode 社の製品
2016 年より日本国内にてComponentSourceで販売中。

価格:¥ 207,350 (税込)〜 バージョン: 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の賞を2つ受賞
HandsoncodeがComponentSourceの賞を2つ受賞
May 13, 2025Publisher Award
ComponentSourceは、Handsoncodeに2025年のTop 25 Publisher AwardとTop 100 Product Awardを授与しました。
キャッシュされたセルノードでグリッドパフォーマンスが向上
キャッシュされたセルノードでグリッドパフォーマンスが向上
February 25, 2025Product Update
Handsontable 15.1.0はセルノードを再利用してキャッシュして、不要なDOM操作を減らし、テーブルのレンダリング速度が最大40%向上
ニュースをもっと見る

価格:¥ 207,350 (税込)〜

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...
ライセンスの詳細

ご質問がありますか？

今すぐ Handsoncode ライセンススペシャリストとライブ チャット。

Handsoncode
公式認定ディストリビューターとして Handsoncode 社の正式ライセンスをお客様に直接お届けいたします。
Handsoncode の詳細
Component Type
  • JavaScript
  • Angular
  • React
  • Vue.js
互換性の詳細

受賞歴

ProductPublisherProduct

カスタマーレビュー

平均レビュースコア: 5 (1)

5 つ星中 5

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

最も最近のポジティブなレビュー

この商品の肯定的なレビューはありません。

最も最近の重要なレビュー

この商品の否定的なレビューはありません。
他のレビュー