table 滚动条 列,行固定

<html> <head> <title>Fixed Header And Columns</title> <mce:style type="text/css"><!-- .Freezing { z-index: 10; position: relative; top: expression(this.offsetParent.scrollTop) } .FreezingCol { z-index: 1; left: expression(document.getElementById("freezingDiv").scrollLeft); position: relative } #DataGrid1 tr{color:#003399;background-color:White;} --></mce:style><style type="text/css" mce_bogus="1"> .Freezing { z-index: 10; position: relative; top: expression(this.offsetParent.scrollTop) } .FreezingCol { z-index: 1; left: expression(document.getElementById("freezingDiv").scrollLeft); position: relative } #DataGrid1 tr{color:#003399;background-color:White;} </style> </head> <body> <div id="freezingDiv" style="overflow:auto; width:400px; height:155px"> <table cellspacing="0" cellpadding="4" rules="all" bordercolor="#3366CC" border="1" id="DataGrid1" style="background-color:White;border-color:#3366CC;border-width:1px;border-style:None;width:900px;border-collapse:collapse;"> <tr class="Freezing" style="color:#CCCCFF;background-color:#003399;font-weight:bold;" mce_style="color:#CCCCFF;background-color:#003399;font-weight:bold;"> <td class="FreezingCol">ID</td> <td class="FreezingCol">得意先</td> <td>担当</td> <td>電話</td> <td>ファックス</td> <td>県</td> <td>住所</td> </tr> <tr> <td class="FreezingCol"><span>1</span> </td> <td class="FreezingCol"> <span>喫茶たいむましん</span> </td> <td>林  千春</td> <td>(0952)26-64XX</td> <td></td> <td>佐賀県</td> <td>佐賀市長瀬町 23-XX</td> </tr> <tr> <td class="FreezingCol"> <span>2</span> </td> <td class="FreezingCol"> <span>小料理なんごく</span> </td> <td>河本 なみ</td> <td>(0988)55-87XX</td> <td>(0988)55-87XX</td> <td>沖縄県</td> <td>那覇市繁多川 1-21-XX</td> </tr> <tr> <td class="FreezingCol"> <span>3</span> </td> <td class="FreezingCol"> <span>割烹ふじい</span> </td> <td>山久 良美</td> <td>(0764)25-58XX</td> <td>(0764)25-58XX</td> <td>富山県</td> <td>富山市朝菜町 2-702-XX</td> </tr> <tr> <td class="FreezingCol"> <span>4</span> </td> <td class="FreezingCol"> <span>海鮮料理くじら</span> </td> <td>和辺 義隆</td> <td>(0592)32-65XX</td> <td>(0592)32-65XX</td> <td>三重県</td> <td>津市一身田中野 19-X</td> </tr> <tr> <td class="FreezingCol"> <span>5</span> </td> <td class="FreezingCol"> <span>居酒屋ななべえ</span> </td> <td>渡川 秀人</td> <td>(075)392-76XX</td> <td>(075)392-76XX</td> <td>京都府</td> <td>京都市西京区山田平尾町 73-X</td> </tr> <tr> <td class="FreezingCol"> <span>6</span> </td> <td class="FreezingCol"> <span>酒蔵でん</span> </td> <td>小田 勝也</td> <td>(0886)92-34XX</td> <td></td> <td>徳島県</td> <td>板野郡藍住町住吉 5-XXX</td> </tr> <tr> <td class="FreezingCol"> <span>7</span> </td> <td class="FreezingCol"> <span>寿ストアー</span> </td> <td>池林 裕香</td> <td>(03)3763-01XX</td> <td>(03)3763-01XX</td> <td>東京都</td> <td>大田区大森東 1-35-X</td> </tr> <tr> <td class="FreezingCol"> <span>8</span> </td> <td class="FreezingCol"> <span>温泉レストラン</span> </td> <td>池山 剛司</td> <td>(0279)88-31XX</td> <td>(0279)88-31XX</td> <td>群馬県</td> <td>吾妻郡草津町 462-XX</td> </tr> <tr> <td class="FreezingCol"> <span>9</span> </td> <td class="FreezingCol"> <span>大和マーケット</span> </td> <td>木山 勇</td> <td>(0262)21-48XX</td> <td></td> <td>長野県</td> <td>長野市大豆島 1798-X</td> </tr> <tr> <td class="FreezingCol"> <span>10</span> </td> <td class="FreezingCol"> <span>東海道スーパー</span> </td> <td>鈴藤 哲也</td> <td>(0474)78-57XX</td> <td>(0474)78-57XX</td> <td>千葉県</td> <td>習志野市津田沼 2-6-XX</td> </tr> </table> </div> </body> </html>

你可能感兴趣的:(table 滚动条 列,行固定)