tableの幅をドラッグでリサイズ出来るようにするスクリプト・jQuery Resizable Column

Ads

table要素の幅をドラッグでリサイズ出来る様にする、というスクリプトのご紹介です。用途は少なそうですけど、テーブルの内容次第では便利かも。

テーブル内のセルの幅をドラッグで変更できる、というものです。

jQuery Resizable Column


border部分にマウス乗せるとポインタが変わるのドラッグで幅を変更します。

$("table").resizableColumns({
     store: store
});

本体とプラグイン等を読み込んでセレクタを指定します。

変更した幅はローカルストレージに保存されるようです。

jQuery Resizable Column