<HTML> <HEAD> <TITLE>テーブルの表題を固定してデータ部分だけをスクロールさせる</TITLE> <script language="JavaScript"> <!-- window.onload = cngrow; function cngrow(){ //行の背景を一行おきに塗分けします。詳細はこちら var myTR =document.getElementById("myTBL").rows; for (var i=0;i<myTR.length;i++) { var v=i%2; if (v==1) { myTR[i].style.backgroundColor = "#ffccff"; myTR[i].style.color = "navy"; } } } //--> </script> </HEAD> <BODY> <TABLE cellpadding="2
![テーブルの見出しを固定してデータ部分だけをスクロールさせる](https://cdn-ak-scissors.b.st-hatena.com/image/square/126e9c63960837b5815901e11e1f6c1303c17f2b/height=288;version=1;width=512/https%3A%2F%2Fblog.seesaa.jp%2Fimg%2Fogp_logo.png)