<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. luogu 4240 毒瘤之神的考验 (莫比乌斯反演)

    题目大意:略 题面传送门 果然是一道神duliu题= = 出题人的题解传送门 出题人的题解还是讲得很明白的 1.关于$\sum\limits_{i=1}^{n}\sum\limits_{j=1}^{m ...

  2. Python编程：从入门到实践 - matplotlib篇 - Random Walk

    随机漫步 # random_walk.py 随机漫步 from random import choice class RandomWalk(): """一个生成随机漫步数 ...

  3. Tensorflow原理通用

    使用 TensorFlow, 你必须明白 TensorFlow: 使用图 (graph) 来表示计算任务.在被称之为 会话 (Session) 的上下文 (context) 中执行图.使用 tenso ...

  4. MyBatis中动态SQL元素的使用

    掌握MyBatis中动态SQL元素的使用 if choose(when,otherwise) trim where set foreach <SQL>和<include> 在应 ...

  5. C#中的LINQ 基础

    1.LINQ的数据源 必须可枚举的,即必须是数组或者集合 (继承了IEnumerable<T>接口就可以,注意是IEnumerable<T>,不是IEnumerable接口,不 ...

  6. Shell编程入门(第二版)(上)

    简单的示例Shell程序 示例1. #!/bin/bash #This is to show what a shell script looks like echo "Our first e ...

  7. [HTML5] Accessibility Implementation for complex component

    When you developing a complex component by your own, one thing you cannot ignore is Accessibility. C ...

  8. TeamTalk Android代码分析（业务流程篇）

    TeamTalk Android代码分析(业务流程篇) 1.1 总体结构 1.总体结构有点类似MVC的感觉,模块结构从上向下大体是: UI层:Activity和Fragment构成,期间包括常用的一些 ...

  9. Unity3D 人形血条制作小知识

    这几天用Unity3D做个射击小游戏,想做个人形的血条.百思不得其解,后来问了网上的牛牛们,攻克了,事实上挺简单的,GUI里面有个函数DrawTextureWithTexCoords就能够实现图片的裁 ...

  10. java 微信server录音下载到自己server

    /** * @author why * */ public class VoiceDownload { /** * * 依据文件id下载文件 * * * * @param mediaId * * 媒体 ...