<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. window环境下，提升工作效率

    效率工具 windows桌面程序 Listary 本地文件搜索器 有道词典 划词翻译, 并且能够存在生词本里面 印象笔记 浏览资料整理 chrom插件 crxMouse 鼠标手势 chrome vim ...

  2. Linux学习之路三：重要概念之Linux系统层次结构

    上图来自Unix编程圣经<APUE>英文第二版.如图,处于最中心的是系统内核,负责机器硬件资源管理,进程管理等:shell,函数库(值得记住的是C标准函数库)和某些应用程序均直接构建于内核 ...

  3. 移动前端头部标签(HTML5 head meta)转载

    移动web页面头部书写 字数2516 阅读1128 评论0 喜欢30 HTTP 标题信息(http-equiv) 和页面描述信息(name) http-equiv:该枚举的属性定义,可以改变服务器和用 ...

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

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

  5. Ubuntu 16.04 安装python3.6 环境并设置为默认

    1.添加python3.6安装包,并且安装 sudo apt-get install software-properties-common 2.下载python3.6 sudo add-apt-rep ...

  6. 洛谷P1654 OSU!_概率与期望

    Code: #include<cstdio> #include<algorithm> using namespace std; const int maxn = 1000000 ...

  7. Codevs 1077 多源最短路（ Floyd水 ）

    链接:传送门 思路:裸 Floyd /************************************************************************* > Fi ...

  8. 【hihocoder 1312】搜索三·启发式搜索(普通广搜做法)

    [题目链接]:http://hihocoder.com/problemset/problem/1312?sid=1092352 [题意] [题解] 从末状态的123456780开始逆向搜; 看它能到达 ...

  9. Fiddler 无法监测WCF通信疑问

    别人的可以检测到通信,我的为什么不行呢? 使用的是basicHttp协议,应该可以的啊,着的是非常奇怪

  10. 关于excel导出

    转载自:https://blog.csdn.net/ljj_9/article/details/50395688 //一个excel表格: HSSFWorkbook wb = new HSSFWork ...