CSS 锁定TABLE表头
来源:互联网 发布:安卓手机数据恢复 编辑:程序博客网 时间:2024/05/19 17:23
<html> <head> <meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 "> <title> 锁定表头 </title> <style type="text/css"> .fixedHeaderTr { z-index:10; position:relative; top:expression(this.offsetParent.scrollTop); }; .relativeTag { position:relative; }; .fixedHeaderCol { background-color:#cccccc; position:relative; left:expression(this.parentElement.offsetParent.scrollLeft); }; .mainDiv { overflow:auto; scrollbar-face-color:9999ff; height:expression((document.body.clientHeight-this.offsetTop-20> this.children[0].offsetHeight)?(this.children[0].offsetHeight+20) : (document.body.clientHeight-this.offsetTop-20)); width:expression(document.body.clientWidth-20); } </style> </head> <body> <br> <br> <div class= "mainDiv " id=mailContainerDiv> <table width= "100% " cellspacing=0 border=1 style= "margin-top:-2;margin-left:-1 "> <TR class= "fixedHeaderTr " style= "background:navy;color:white; "> <TD nowrap class= "fixedHeaderCol " style= "background:navy;color:white; "> Header A </TD> <TD nowrap class= "fixedHeaderCol " style= "background:navy;color:white; "> Header B </TD> <TD nowrap> Header C </TD> </TR> <TR class= "relativeTag " > <TD class= "fixedHeaderCol " > A </TD> <TD class= "fixedHeaderCol " > B </TD> <TD nowrap > <br> </TD> </TR > <TR class= "relativeTag " > <TD class= "fixedHeaderCol " > A </TD> <TD class= "fixedHeaderCol "> B </TD> <TD> C </TD> </TR> <TR class= "relativeTag " > <TD class= "fixedHeaderCol " > A </TD> <TD class= "fixedHeaderCol "> B </TD> <TD> C </TD> </TR> <TR class= "relativeTag " > <TD class= "fixedHeaderCol " > A </TD> <TD class= "fixedHeaderCol "> B </TD> <TD> C </TD> </TR> <TR class= "relativeTag " > <TD class= "fixedHeaderCol " > A </TD> <TD class= "fixedHeaderCol "> B </TD> <TD> C </TD> </TR> <TR class= "relativeTag " > <TD class= "fixedHeaderCol " > A </TD> <TD class= "fixedHeaderCol "> B </TD> <TD> C </TD> </TR> <TR class= "relativeTag " > <TD class= "fixedHeaderCol " > A </TD> <TD class= "fixedHeaderCol "> B </TD> <TD> C </TD> </TR> <TR class= "relativeTag " > <TD class= "fixedHeaderCol " > A </TD> <TD class= "fixedHeaderCol "> B </TD> <TD> C </TD> </TR> <TR class= "relativeTag " > <TD class= "fixedHeaderCol " > A </TD> <TD class= "fixedHeaderCol "> B </TD> <TD> C </TD> </TR> </table> </div> </body> </html>
- CSS 锁定TABLE表头
- css实现table锁定表头
- HTML Table锁定表头(CSS实现)
- js锁定Table多表头
- css 固定table表头
- css 实现 table斜线表头
- 锁定表头
- 通过js在web实现Table的表头锁定
- 锁定表头和固定列(Fixed table head and columns)
- 锁定表头和固定列(Fixed table head and columns)
- 锁定表头和固定列(Fixed table head and columns)
- 锁定表头和固定列(Fixed table head and columns)
- 锁定表头和固定列(Fixed table head and columns)
- 锁定表头和固定列(Fixed table head and columns)
- 锁定表头和固定列(Fixed table head and columns)
- 锁定表头和固定列(Fixed table head and columns)
- 锁定表头和固定列(Fixed table head and columns)
- js、css实现table表头固定
- 实现一个搜索二叉树
- 搭建一个后台服务器--引子
- Many-To-Many (学生、课程、分数)
- Oracle常用操作
- Python中range和xrange的区别
- CSS 锁定TABLE表头
- USACO试题beads的两种解法
- 探求JavaScript 开发工具
- 继续——课本代码练习
- JS日期比较,使用正则表达式转换
- eclipse中单步调试
- 筛法求素数
- 织梦会员登录
- ArcGIS 10安装及破解