【JavaScript】ヘッダを固定したままテーブルにスクロールをつける

2008 年 7 月 20 日日曜日

テーブルが大きくなって来たときにテーブルにスクロールをつけたい時がある。

SuperTablesを使おうと思ったが。。。styleが自由に決められない。。。

そこで、なんとか簡単にスクロール出来ないものかとjavascriptで組んでみた。

スクロールをつけたいテーブルを<div>で括るだけで実装できる。

なかなかいいものができたな～

フッタも固定したいままの場合は<div class=”scrollFooterAri”>で括り、フッタは固定しない場合は<div class=”scrollFooterNashi”>で括るだけ。
なんとも簡単！！

まだまだバグも多いかもしれないけど、徐々に手直ししていこう。

※現在IE専用です。ASP.NETのGridView用に作りました。

サンプルはこちらです。要望などあればコメントください。

著者／訳者：David Flanagan

出版社：オライリー・ジャパン( 2007-08-14 )

定価：￥ 4,410

Amazon価格：￥ 4,410

大型本 ( 704 ページ )

ISBN-10 : 4873113296

ISBN-13 : 9784873113296

スポンサードリンク

この投稿は 2008 年 7 月 20 日日曜日 11:14 に Ajax/JavaScript, WEB関連カテゴリーに公開されました。この投稿へのコメントは RSS 2.0 フィードで購読することができます。コメントを残すか、ご自分のサイトからトラックバックすることができます。

渡辺大祐ブログ