<jQuery> テーブルのヘッダーの固定
テーブル table
のヘッダー header
の固定。
ぐーぐるしてみると、なんかいろいろ出てきて、ちゃっとできない模様。
とりあえず、jQuery
で実装することにした。
次のやつを選択。
指示どおりに下記を書き込む。
#hage_table
は、table
を囲む<div id="hage_table">
。
<script type="text/javascript"> $(function () { $("#hage_table").fixedTableHeader(); }); </script>
あと、こいつは、ヘッダーを切り取って、ブラウザのトップに表示し続けるものらしいが、
ヘッダーに色を付けておいた方がいい。
<style> thead { background-color: #c4a3bf } </style>
こちらで勉強。