HandsontableはjQuery製の小さな表計算風ソフトウェアです。

Webブラウザ上で表計算を行えるサービスは増えてきましたが、大抵全画面で表示されるものです。Handsontableはごく小さなグリッドをページ内部に埋め込んで使えるソフトウェアです。

[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.02.25_thumb.1358922366.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.02.25.1358922366.png)
こんな感じで簡易的な表が描けます。


選択したグリッドをコピーできます。

[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.03.33_thumb.1358922372.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.03.33.1358922372.png)
選択から入力もできます。

[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.04.17_thumb.1358922374.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.04.17.1358922374.png)
バリデーションや入力値の変換もできます。

[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.04.30_thumb.1358922377.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.04.30.1358922377.png)
行の削除やカラムの非表示などのアクションを追加します。

[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.04.53_thumb.1358922381.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.04.53.1358922381.png)
コンテクストメニュー。

[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.05.26_thumb.1358922384.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.05.26.1358922384.png)
コンテストメニューのカスタマイズも可能です。

[![](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.05.45_thumb.1358922386.png)](http://images.moongift.jp/2013/01/Screenshot 2013-01-23 10.05.45.1358922386.png)
リードオンリーなセル。

HandsontableはJSONでデータを定義します。データは編集も可能で、Ajaxを使うこともできるのでユーザビリティ高い編集画面を提供できます。ごく小さなマスタ編集を行ったりするのにぴったりではないでしょうか。

HandsontableはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

MOONGIFTはこう見る

表計算(大抵はExcel)ライクに操作できるWebアプリケーションは常に求められています。Googleスプレッドシートのように優秀なWebアプリケーションも存在します。しかしそれでも尚、この手のニーズは存在し続けています。

個人的にはExcelをWebアプリケーションと連携させる方が早いのではないかと思っています。SOAPなどを使った面倒な仕組みであればExcelでも提供されていたと思いますが、もっとシンプルなCRUDをExcelで扱えるようなライブラリが必要なのではないでしょうか。

Handsontable - jQuery grid editor. Excel-like grid editing with HTML & JavaScript

warpech/jquery-handsontable · GitHub