固定表格的标题列

[日期：2004-11-22]

来源：csdn 作者：

[字体：大中小]

<html>
<body>
  <div style="overflow:auto;height:100px;">
     <table width="100%">
     <TR style="position:relative;top:expression(this.offsetParent.scrollTop);background:navy;color:white;">
     <TH nowrap>Header A</TH>
     <TH nowrap>Header B</TH>
     <TH nowrap>Header C</TH>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     <TR>
     <TD>A</TD>
     <TD>B</TD>
     <TD>C</TD>
     </TR>
     </table>
  </div>
</body>
</html>

0
顶一下

收藏推荐打印 | 录入：木鸟 | 阅读：次

固定表头内容滚动表格

表格背景渐变的实现