<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. Matlab与C++混合编程

    原文链接:http://blog.csdn.net/zouxy09/article/details/20553007 一不小心,成了一个忠实复制者...

  2. 2 Selenium3.0+Python3.6环境搭建

    [说明] 再次搭建一次环境,是因为遇到怎么都打不开IE的问题了,环境信息为:Selenium3.0+Python3.6+win7+ie10 [搭建步骤] 1.下载Python3.6,并点击安装和配置环 ...

  3. Rx (Reactive Extensions)介绍

    Reactive Extensions (Rx) 原来是由微软提出的一个综合了异步和基于事件驱动编程的库包,使用可观察序列和LINQ-style查询操作. 使用Rx, 开发者可以用Observable ...

  4. The features of Swift

    The features of Swift are designed to work together to create a language that is powerful, yet fun t ...

  5. Delphi中实现文件拷贝的三种方法

    1．调用API函数procedure CopyFile(FromFileName,ToFileName:string);varf1,f2:file;BeginAssignFile(f1,FromFil ...

  6. 路飞学城Python-Day142

    第2节:UA身份伪装 反爬机制 User-Agent:请求载体的身份标识 通过不同的手段的当前的请求载体是不一样的,请求信息也是不一样的,常见的请求信息都是以键和值的形式存在 浏览器的开发者工具 Ne ...

  7. let var const

    eslint要求变量声明使用const的,而不是let和var如果可能的话. 如果一个变量只有在声明时才被赋值一次,那么应该使用'const' 'use strict';(function() { v ...

  8. 原生ajax的get和post方法封装

    get 方法 function serialize (data) { if (!data) { return ''; } var paris = []; for (var key in data) { ...

  9. 判断n是否为质数

    #include <iostream> #include <vector> #include <stdio.h> using namespace std; int ...

  10. Github+Jekyll 搭建个人网站详细教程

    GitHub搭建个人网站,大家在网上一搜能搜到一大把的教程,但是大部分都讲的差不多,并不能满足自己想搭建的网站详细需求.我之前在搭建本站的时候也是查了较多资料,学习了下jekyll语法,参考了几个主题 ...