|
为了找固定表头，表数据部分做滚动条显示，找很久，在http://topic.csdn.net/t/20060324/09/4636345.html中最后一个回帖中，
看到了这个利用css来实现的方法。
请看一下代码html代码，以下代码可以直接拷贝到编辑器中，验证：
<style type="text/css">
.td_relative {
background-color: #CCCCCC;
top : expression(document.getElementById("dv").scrollTop-1);
position : relative;
z-index : 1
}
</style>
<body>
</table>
<div style="width:800; height:300; overflow:auto;" id="dv">
<table border="1" cellpadding="0" cellspacing="0" id="tb" width="800">
<tr>
<td class="td_relative">ID</td>
<td class="td_relative">名字</td>
<td class="td_relative">时间</td>
<td class="td_relative">类型</td>
<td class="td_relative">采集类型</td>
<td class="td_relative">标准</td>
<td class="td_relative">得粉碎</td>
<td class="td_relative">xzc在左侧</td>
<td class="td_relative">xzc在左侧</td>
<td class="td_relative">xzc在左侧</td>
<td class="td_relative">xzc在左侧</td>
<td class="td_relative">xzc在左侧</td>
<td class="td_relative">xzc在左侧</td>
<td class="td_relative">地方规定萨发</td>
<td class="td_relative">地方规定萨发</td>
<td class="td_relative">地方规定萨发</td>
<td class="td_relative">电流曲线</td>
<td class="td_relative">似懂非懂司法三分</td>
<td class="td_relative">似懂非懂司法三分</td>
<td class="td_relative">似懂非懂司法三分</td>
<td class="td_relative">似懂非懂司法三分</td>
</tr>
<tr>
<td >xzczc左侧</td>
<td >得粉碎</td>
<td >xzc在左侧</td>
<td >梵蒂冈的地方规定萨发随风倒三大肃反似懂非懂司法三分速度 方法光大给地方 </td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xz在左侧</td>
<td >xzc在左侧</td>
</tr>
<tr>
<td >xzczc左侧</td>
<td >得粉碎</td>
<td >xzc在左侧</td>
<td >梵蒂冈的地方规定萨发随风倒三大肃反似懂非懂司法三分速度 方法光大给地方 </td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xz在左侧</td>
<td >xzc在左侧</td>
</tr>
<tr>
<td >xzczc左侧</td>
<td >得粉碎</td>
<td >xzc在左侧</td>
<td >梵蒂冈的地方规定萨发随风倒三大肃反似懂非懂司法三分速度 方法光大给地方 </td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xz在左侧</td>
<td >xzc在左侧</td>
</tr>
<tr>
<td >xzczc左侧</td>
<td >得粉碎</td>
<td >xzc在左侧</td>
<td >梵蒂冈的地方规定萨发随风倒三大肃反似懂非懂司法三分速度 方法光大给地方 </td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xz在左侧</td>
<td >xzc在左侧</td>
</tr>
<tr>
<td >xzczc左侧</td>
<td >得粉碎</td>
<td >xzc在左侧</td>
<td >梵蒂冈的地方规定萨发随风倒三大肃反似懂非懂司法三分速度 方法光大给地方 </td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xz在左侧</td>
<td >xzc在左侧</td>
</tr>
<tr>
<td >xzczc左侧</td>
<td >得粉碎</td>
<td >xzc在左侧</td>
<td >梵蒂冈的地方规定萨发随风倒三大肃反似懂非懂司法三分速度 方法光大给地方 </td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xzc在左侧</td>
<td >xz在左侧</td>
<td >xzc在左侧</td>
</tr>
</table>
</div>
</body> | 
转播
