Hatena::ブログ(Diary)

ゆちの備忘録

2016/02/16

CSS-Tableのヘッダ・フッタ・列の固定(縦横スクロールも)

やりたかったのは、縦・横スクロール付きのヘッダ固定テーブル。(ヘッダ1行・ヘッダ複数行、列固定は無し)で、

こちらの記事がとても参考になったのでメモ。

→CSSとjavascript(jQuery)を使ってやる方法


これを参考にして自分アレンジしたのが↓↓

※スクロールバーの位置がちょっとおかしい(セルに少しかぶる)のでもうちょっと調整した方が良いかも

▼css(自作サンプル)


▼script(要-jQuery)


▼HTML

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/yuchi78/20160216/1455580998
リンク元