前の記事 ≪:WEBサービスを作るなら最低限覚えておきたいPHPのPEARモジュールまとめ
次の記事 ≫:HTML5な動画プレイヤー色々2011

ヘッダ固定の分かりやすいテーブルを簡単実装できるjQueryプラグイン「jQuery.FixedTable」

2011年02月16日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQuery plugin: jQuery.FixedTable - Nova download

ヘッダ固定の分かりやすいテーブルを簡単実装できるjQueryプラグイン「jQuery.FixedTable」。
テーブルは便利ですが、左から2番目のカラムは何を意味するんだっけ?という時に下の方にスクロールしていると上まで戻らないといけなかったりしますね。
そこでテーブルヘッダを固定位置にして分かりやすくできるというもの。

テーブルの最左部を固定にしてテーブルを横長にすることも出来ます。



テーブルのヘッダを固定にして通常のテーブルっぽくすることも出来ます。



デモページ

実装も基本的に $(element).fixedTable( options ) で簡単実装出来ます。

デモのデザインは微妙なのですが、CSSでデザインしてあげれば見栄えのあるものに変えることが出来ると思います。

関連エントリ
関連の記事検索:table, プラグイン, テーブル
スポンサード リンク

By.KJ : 2011年02月16日 10:08 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)