<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. 位姿检索PoseRecognition：LSH算法.p稳定哈希

    位姿检索使用了LSH方法,而不使用PNP方法,是有一定的来由的.主要的工作会转移到特征提取和检索的算法上面来,有得必有失.因此,放弃了解析的方法之后,又放弃了优化的方法,最后陷入了检索的汪洋大海. 0 ...

  2. Linux终端 Tab 补全命令

    1. vi编辑器打开 /etc/bash.bashrc文件 vi /etc/bash.bashrc 2.找到文件中的下列代码 3.将注释符号#去掉,即改成 4.最后 source一下 /etc/bas ...

  3. sass揭秘之@if，@for，@each（转载）

    因为文章内含有很多sass代码,如需自己动手查看编译结果,推荐使用sassmeister这款在线编译工具,方便你阅读学习. 经过上两篇揭秘,大家心里对sass应该有了很好的认知感了,这篇文章基于前面两 ...

  4. public static final 的用法

    public satic final 修饰后变量的名字全部用大写,定以后可以用类名直接访问,定义的变量不能被修改 所有的接口成员已经是静态,由于接口没有方法所有所以必须先赋值才行,可以直接用接口名调用 ...

  5. javascript的带操作符的赋值运算

    看犀牛书发现的问题 下面两个表达式 表达式一 data[i++] *= 2; 表达式二 data[i++] = data[i++] * 2;   var data = [7,8,9]; var i = ...

  6. redis 五大数据类型

    一.String set : 添加数据 get : 获得指定 key 的 value del : 删除指定 key append : 往字符串后面添加       append k1 12345    ...

  7. XML概述

    本节要点: 标记语言的定义 XML简介 XML与HTML 比较 XML与数据库比较 XML的特点 XML结构 1          标记语言的定义 “XML.SGML.HTML”中的“ML”(Mark ...

  8. cocos2dx --- 在游戏中显示HTML页面

    前文介绍了简单的富文本组件RichText,如今我们来了解下由freeType库做出来的第三方组件.可以直接显示html页面,而且可以实现超链接.和触摸事情. 步骤: 1.在github中  下载  ...

  9. 转换Arcgis Server REST接口实现OL2直接调用

    概述: 本文解说怎样通过Arcgis Server REST 的导出地图(Export)接口.实如今OL2中直接以WMS的方式调用Arcgis Server REST服务. 实现思路: 1.rest的 ...

  10. C-结构体应用(10)

    结构体是用来定义多种类型的复合类型,在 C语言中与类的区别在于结构体注重的是数据而类除了数据还包含函数,第2点区别在于结构体所声明的成员默认是"public"点.而类的默认是pri ...