読者です 読者をやめる 読者になる 読者になる

<jQuery> テーブルのヘッダーの固定

テーブル tableのヘッダー headerの固定。

ぐーぐるしてみると、なんかいろいろ出てきて、ちゃっとできない模様。
とりあえず、jQueryで実装することにした。
次のやつを選択。

github.com

指示どおりに下記を書き込む。
#hage_tableは、tableを囲む<div id="hage_table">

 <script type="text/javascript">
    $(function () {
        $("#hage_table").fixedTableHeader();
    });
</script>

あと、こいつは、ヘッダーを切り取って、ブラウザのトップに表示し続けるものらしいが、
ヘッダーに色を付けておいた方がいい。

<style>
thead {
    background-color: #c4a3bf
}
</style>

こちらで勉強。

www.hp-stylelink.com