このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.handsontable.full.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.handsontable.full.js"></script>
<script>
    $(window).load(function(){
		var data = [
			["", "TEST2", "TEST3", "TEST4", "TEST5"],
			["2008", 10, 11, 12, 131],
			["2009", 20, 11, 14, 132],
			["2010", 30, 15, 12, 133],
			["2011", 40, 16, 13, 134],
			["2012", 50, 17, 14, 135],
			["2013", 60, 18, 15, 136]
		];
		
		$('#HandsontableDemo').handsontable({
			data: data,
			minRows: 5,
			minCols: 6,
			minSpareRows: 1,
			currentRowClassName: 'currentRow',
			currentColClassName: 'currentCol',
			autoWrapRow: true,
			colHeaders: true
		});
		
		$('#HandsontableDemo').handsontable('selectCell', 3, 3);
    });
</script>
<div id="HandsontableDemo"></div>

Handsontableについて

Handsontableは、エクセル風に操作できるテーブルをとても簡単に設置できるプラグインです。
ユーザーがサイト内でテーブルを自由に編集できるようにしたければこいつできまり!
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • tableHover

    tableHover

    シンプルにテーブルのユーザビリティーを向上できる

  • DataTables

    DataTables

    検索、ソート、ページャー機能をテーブルに追加できる

  • AnimatedTableSorter

    AnimatedTableSorter

    簡単にテーブルにソート機能をつけることができる

  • tablecloth

    tablecloth

    4つのテーマでテーブルを装飾してくれる