jQuery tablesorter.jsとtableEditor.jsを使って、セル内容を変更できるtable。

ID列の(編集)をクリックすると、各項目のセル内容を変更できます。(編集)は(保存)に替わります。セル内容を変更した後に(保存)をクリックすると、セル内容が固定され、(保存)は(編集2)に替わります。各動作のたびに状態を示すアラートが出てうるさい感じですが、js内部に関わっているため手を付けていません。また、テーブルヘッダ部分の各セルをクリックするとソートします。
※変更したtableを実際に保存する機能はついていません。
ID 商品名 商品番号 分類 登録日
033 (編集) AX-5522 23456-8888 AIFF 2002.04.25
123 (編集) MX-33009 19877-3456 MP3 2005.07.20
225 (編集) MX-45673 3456-23423 MP3 2009.02.02
689 (編集) SM-su550099 99987-09097 SWF 2010.11.09
345 (編集) LAN-WE2345 67555-34555 LAN 2008.12.05