【JQuery】「jquery-resizable」プラグインを使ってテーブルの列をリサイズできるようにしてみた

Javascript, 開発

おはようございます。

以前紹介した「jquery-resizable」プラグインで、テーブル列のリサイズを試してみました。

プログラムは前回のものを流用。

【JQuery】FlexBoxを使って簡単にリサイズ可能なレイアウトを作れる「jquery-resizable」プラグイン

スポンサーリンク

プログラム

css

css/style.css

テーブル用、リサイズ用の定義を追加しました。

HTML

sample.html

jquery-resizableTableColumns の読み込みと、テーブルを追加しました。

Javascript

js/script.js

ヘッダ、ボディのセルにリサイズの設定をします。

起動してみる

初期表示の状態
初期表示
列をリサイズした状態
列をリサイズ

無事にリサイズすることができました。

まとめ

リサイズした際に、別のカラムの幅も調整されてしまうのですが、標準的な動きなんでしょうかね?

ちょっと気に入らないので、時間が出来たらどうにかならないか調べてみたいと思います。

何かのお役に立てれば。

ではでは。

 

スポンサーリンク


関連するコンテンツ