table列头固定

table列头固定,第1张

概述table列头固定

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家,也给大家做个参考。

<HTML><head>   <Title>Fixed header And Columns</Title>   <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;}   </style></head><body>   <div ID="freezingdiv" > <table cellspacing="0" cellpadding="4" rules="all" bordercolor="#3366CC" border="1" ID="DataGrID1" ><!--	如果页面已经有样式了就用下面这种把class替换掉就行了<table   cellspacing="0" cellpadding="0" rules="all" ID="DataGrID1" border=0>-->   <tr  >    <td >ID</td>      <td >得意先</td>    <td>担当</td>      <td>電話</td>      <td>ファックス</td>      <td>県</td>      <td>住所</td>    </tr>     <tr onmouSEOver="this.style.backgroundcolor='#8EAAE9';"            onMouSEOut="this.style.backgroundcolor='';">     <td ><span>1</span> </td>        <td > <span>喫茶たいむましん</span>     </td>      <td>林  千春</td>       <td>(0952)26-64XX</td>       <td></td>       <td>佐賀県</td>       <td>佐賀市長瀬町 23-XX</td>    </tr>     <tr onmouSEOver="this.style.backgroundcolor='#8EAAE9';"            onMouSEOut="this.style.backgroundcolor='';">     <td > <span>2</span> </td>       <td > <span>小料理なんごく</span> </td>       <td>河本 なみ</td>     <td>(0988)55-87XX</td>         <td>(0988)55-87XX</td>         <td>沖縄県</td>         <td>那覇市繁多川 1-21-XX</td>    </tr>     <tr onmouSEOver="this.style.backgroundcolor='#8EAAE9';"            onMouSEOut="this.style.backgroundcolor='';">      <td >        <span>3</span>     </td>          <td >        <span>割烹ふじい</span>     </td>          <td>山久 良美</td>          <td>(0764)25-58XX</td>          <td>(0764)25-58XX</td>          <td>富山県</td>          <td>富山市朝菜町 2-702-XX</td>    </tr>     <tr onmouSEOver="this.style.backgroundcolor='#8EAAE9';"            onMouSEOut="this.style.backgroundcolor='';">       <td >        <span>4</span>     </td>          <td >        <span>海鮮料理くじら</span>     </td>          <td>和辺 義隆</td>         <td>(0592)32-65XX</td>          <td>(0592)32-65XX</td>          <td>三重県</td>          <td>津市一身田中野 19-X</td>    </tr>     <tr onmouSEOver="this.style.backgroundcolor='#8EAAE9';"            onMouSEOut="this.style.backgroundcolor='';">       <td >        <span>5</span>     </td>          <td >        <span>居酒屋ななべえ</span>     </td>          <td>渡川 秀人</td>          <td>(075)392-76XX</td>          <td>(075)392-76XX</td>          <td>京都府</td>          <td>京都市西京区山田平尾町 73-X</td>    </tr>     <tr onmouSEOver="this.style.backgroundcolor='#8EAAE9';"            onMouSEOut="this.style.backgroundcolor='';">       <td >        <span>6</span>     </td>          <td >        <span>酒蔵でん</span>     </td>          <td>小田 勝也</td>          <td>(0886)92-34XX</td>          <td></td>          <td>徳島県</td>          <td>板野郡藍住町住吉 5-XXX</td>    </tr>     <tr>        <td >        <span>7</span>     </td>          <td >        <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 >        <span>8</span>     </td>          <td >        <span>温泉レストラン</span>     </td>          <td>池山 剛司</td>          <td>(0279)88-31XX</td>          <td>(0279)88-31XX</td>          <td>群馬県</td>          <td>吾妻郡草津町 462-XX</td>    </tr>    <tr>        <td >        <span>9</span>     </td>          <td >        <span>大和マーケット</span>     </td>          <td>木山 勇</td>          <td>(0262)21-48XX</td>          <td></td>          <td>長野県</td>          <td>長野市大豆島 1798-X</td>    </tr>     <tr>        <td >        <span>10</span>     </td>          <td >        <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> 

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的table列头固定全部内容,希望文章能够帮你解决table列头固定所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1096616.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存