程序博客网 > f35战机编程语言

html页面中，表格数据可以固定表头，表数据部分做滚动条显示，如何实现

来源：互联网发布：f35战机编程语言编辑：程序博客网时间：2024/05/03 13:29

为了找固定表头，表数据部分做滚动条显示，找很久，在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>

f35战机编程语言

f35战机编程语言

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子幸运名字幸运的一天幸运树幸运颜色十倍幸运幸运的人幸运日幸运数幸运是什么幸运患者幸运神幸运竹幸运符幸运宝贝幸运是我幸运e 幸运号幸运值我的幸运儿幸运之神我是幸运儿幸运在线预测幸运钥匙完整观看联盟幸运召唤师幸运的意思是什么幸运是什么意思幸运用英语怎么说你是我的幸运你是我的小幸运那些年的小幸运代表幸运的东西小幸运什么意思多幸运在线试听日清方便面五谷道场方便面统一方便面南街村方便面方便面排名好当家方便面方便面六丁目方便面