jQueryプラグイン tableタグのタイトル行(1行目)を固定スクロール

HTMLを書く人は、tableタグを使う事が時々あると思います。

近年は、静的HTMLに比べて、CMSの導入などを含め、動的なサイトを作る事なども増えてきました。そうなると必要なのが、管理画面です。管理画面では、ほぼ毎回テーブルタグを使うと思うのですが、そのUIとして、テーブルの項目名を書いた行の先頭列を固定したいと思った事があると思います。

かつては、cssでtbodyにheightを指定し、スクロールするようにされましたが、近年のブラウザでは、tbodyに対してheight属性を設定しても、無視されてしまうようになりました。

そこで、多数のプラグインが登場したわけですが、これがまた困るのです。挙動がずれたり、formタグがうまく機能しなくなったり、ズレが生じたり。。。

とにかく何かしらの問題が起こってしまうケースが多々あります。

私も、たまたま、昨日必要にかられて、多くのプラグインを試したものの、やはりうまく行きませんでした。

そこで、自分専用にjQueryのプラグインとして、tableタグのタイトル(1行目)を固定し、縦にスクロールできるようにしたプラグインを作成しました。

希望があれば、近日公開しようと思いますので、SNSなどでご連絡いただければと思います。