HTMLのtableをExcelみたいに編集可能にしてみる。

jqueryの勉強してて、例えばHTMLのtableをExcelみたいにしてみたらどうだろうと思った。

まずは、Tableを編集可能にしてみるところから作ってみました。

editable-table.csseditable-table.jsを参照に追加して、

編集可能にしたい既存のTableタグにclass=”editable-table”を追加するだけで

tdタグの内容を変更可能なTableになるっていうスクリプトです。

必要な設定は、これだけ↓↓↓