colResizable ? jQuery plugin

テーブルのカラムをドラッグ＆ドロップでリサイズできるようにするjQueryプラグイン「colResizable」
OSのインタフェースなんかではドラッグ＆ドロップで当たり前のようにリサイズできますが、WEBのテーブルは出来ませんね。
でもこのプラグインを使えば $("table").colResizable(); のように初期化しちゃってリサイズできます。



ドラッグ＆ドロップで以下のようにカラムをリサイズ



分かりやすいようにつまみをつけたりすることも出来ます。



テーブルだけではなくて、次のようなインタフェースを実装するのにも使えます。



次のように食事バランスを分類するようなインタフェースとしても使えます。当然、これらパーセンテージはコードで取得できるようになっているので、フォーム送信用にも使えます。



アイデアは尽きないですね。
OSで実現されているようなインタフェースはすべてWEBに流れてくる感じですね。

関連エントリ

• ヘッダ固定の分かりやすいテーブルを簡単実装できるjQueryプラグイン「jQuery.FixedTable」
• 階層構造が作れるテーブルを実現できるjQueryプラグイン「treeTable」
• テーブルをちょっとだけ使いやすくしてくれるjQueryプラグイン「rbTable」