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

Ads

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。

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

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

jQuery Resizable Column


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

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

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

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

jQuery Resizable Column