<html>  <head>   <title>表头固定</title>    <style type="text/css">    /*表头样式*/    .scll {     position: relative;     top: expression(this.offsetParent.scrollTop);     background-color: #BCF4EC;     text-align: center;     vertical-align: middle;     text-indent: 5px;    }

/*div样式*/    .h_500 {     width: 600px;     overflow: auto;     height: 500px;/**根据具体的屏幕分辨率调整*/     border: 0px;    }

/*细线表格*/    .TABLE {     margin-top: 0px;     margin-bottom: 3px;     margin-bottom: 3px;     border-top: 0px;     border-bottom: 1px solid silver;    }   </style>  </head>  <body>  <div style="text-align: center;">  <div class="h_500">   <table class="TABLE">    <tr class="scll"><th width="100px">头</th><th width="100px">头</th><th width="100px">头</th><th width="100px">头</th><th width="100px">头</th><th width="100px">头</th></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>    <tr><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td><td>body</td></tr>

</table>  </div>  </div>  </body> </html>

IE,表头固定的更多相关文章

  1. html bootstrap 表头固定在顶部，表列 可以自由滚动的效果

    该效果主要是依照 bootstrap 的一个样式,class="navbar-fixed-top"; 参考网址为:http://v3.bootcss.com/components/ ...

  2. html css 如何将表头固定（转）

    html css 如何将表头固定 position属性取值为fixed时,则元素的位置将不受滚动条的影响,而是直接依据窗口定位,这就是将表头固定的最直接方法,网上其他途径感觉都是在走弯路.但是与此同时 ...

  3. IE的表头固定/表头不动（使用expression）

    本文主要介绍在IE浏览器中,实现表头固定的一种方法.这种方法使用到了 IE 浏览器特有的 expression 方法. 表头固定DEMO1 主要代码: <style type="tex ...

  4. 纯CSS实现table表头固定（自创备忘）

    因为之前约定时候产品没说要表头固定,这次迭代测试突然提出这个需求,而且不知道因为什么未知原因非要这样不可--因为之前用了table标签做表单,而且也没用插件,这下就难了点,找另外一个前端前辈妹子商量了 ...

  5. easyui datagrid 表头固定（垂直滚动条）、列固定（水平滚动条）

    easyui datagrid 表头固定(垂直滚动条).列固定(水平滚动条),每页显示1000行 最近用多了easyui 之后还是觉得它的功能还是很强大的.它原有的功能就已经能够满足90%以上的界面需 ...

  6. html css 如何将表头固定

    position属性取值为fixed时,则元素的位置将不受滚动条的影响,而是直接依据窗口定位,这就是将表头固定的最直接方法,网上其他途径感觉都是在走弯路.但是与此同时必须解决两个问题.第一:表体将随之 ...

  7. jQuery,Table表头固定插件chromatable存在的问题及解决办法

    在最近的项目中需要将表格的表头固定,搜寻了大量的资料,发现chromatable插件还是比较方便的.但是当我在一个页面中多次使用 chromatable固定对个表格的表头时问题就出现了,首先说明系统的 ...

  8. div+css实现表头固定内容滚动表格

    <div class="m-demo"> <table> <thead> <tr><th>定宽a</th>& ...

  9. bootstrap-table固定表头固定列

    1.引入 bootstrap依赖于jquery bootstrap-table依赖于bootstrap,所以都需要引入 2. bootstrap-table有两种方式,html.js <tabl ...

  10. table表头固定问题

    table表头固定问题 原生的table表头在表格滚动时候无法固定,可以使用以下的方法进行模拟 1. 双table法 表头和表体各用一个table,这样会产生表格列对不齐的问题,可以使用colgrou ...

随机推荐

  1. SQL数据查询2

    USE h CREATE TABLE zy1( empno INT, ename ), job ), mgr INT, hiredate DATE, sal DOUBLE, COOM DOUBLE, ...

  2. CentOS 7 yum 安装redis(更简单)

    一.安装redis 1.检查是否有redis yum 源 1 yum install redis 2.下载fedora的epel仓库 1 yum install epel-release 3.安装re ...

  3. AM335X用RGB888连接LCD如何以16位色彩模式显示图片

    在AM335x中,在连接显示屏的时候,存在一个问题.这个在am335x Sillicon Errata已经提到过 在RGB888模式中   而对于RGB565模式的硬件连接 不难看出,这个RGB是反的 ...

  4. windows系统下jenkins环境搭建与基本使用

    一. windows 系统下搭建jenkins环境 1.1 jenkins环境搭建和构建job流程图 1.2 安装jdk JDK下载地址:  http://www.oracle.com/technet ...

  5. 网络教程(7）OSI模型的低层模型

    OSI Model——Open System Interconnection Model 开放系统互联模型

  6. Java 习惯用法总结

    转自:http://www.importnew.com/15605.html 首页 所有文章 资讯 Web 架构 基础技术 书籍 教程 我要投稿 更多频道 » Java 习惯用法总结 2015/04/ ...

  7. [GSS5] Can you answer these queries V

    大力讨论. luogu上交spoj的题卡的一比... 难受 wa了好几次,原因大概首先求的是非空区间,不能乱和0取max,第二点是求无相交的解时,在两段求lmx和rmx的时候可以取max(0). 区间 ...

  8. 记一次生产主机中挖矿病毒"kintegrityds"处理过程！

    [记一次生产挖矿病毒处理过程]: 可能性:webaap用户密码泄露.Jenkins/redis弱口令等. 1.监控到生产主机一直load告警 2.进服务器 top查看进程,发现挖矿病毒进程,此进程持续 ...

  9. js中Number()、parseInt()和parseFloat()的区别进行详细介绍

    http://www.jb51.net/article/100606.htm 区别: parseFloat,parseInt  解析的过程中如果前面有空格,结果不会有任何影响,Number解析的时候结 ...

  10. C# 知识点集合

    1.一个Visual studio软件进程只能打开一个程序集,但是一个程序集可以加载多个项目,通过程序集的添加功能可以实现. 2.F11单步调试,F10跨程序调试(一般用不到) 3.VS如何快速的切换 ...