tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:マウスドラッグで列幅を変更するテーブルの実装を試してみました

マウスドラッグで列幅を変更したりってできるのかなと調べてみたところ、『jquery-resizable-columns』を使うと簡単にできるみたいなので、Visualforce開発で試してみました。


読み込みが必要になるのは以下のファイルです。
f:id:tyoshikawa1106:20151005181224p:plain


JavaScript側で次のような宣言が必要になります。
f:id:tyoshikawa1106:20151005181319p:plain


これでドラッグで列幅を変更できるテーブルを実装できました。
f:id:tyoshikawa1106:20151005181422p:plain


apex:pageBlockTableでも試してみたのですが、そちらではうまく動かすことができませんでした。やり方があるかもしれませんが、通常のtableタグにした方がいいかもしれません。

Demo

サンプルコード