css固定表头

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css固定表头，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6959字，纯文字阅读大概需要10分钟。

内容图文

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .main{
            font-family: ‘微软雅黑‘;
            width: 100%;
            border-left:1px solid #dfdfdf ;
            border-top:1px solid #dfdfdf ;
            border-right: 1px solid #dfdfdf;
        }
        .head table{
            width: 100%;
            height: 30px;
            padding-right: 17px;
            border-bottom: 1px solid #dfdfdf;
        }
        .head th{
            border-right: 1px solid #dfdfdf;
        }
        .body table{
            width: 100%;
        }
        .body tr{
            border-top: 1px solid #dfdfdf;
            border-bottom: 1px solid #dfdfdf;
            height: 30px;
        }
        .body td{
            border-right: 1px solid #dfdfdf;
            border-bottom: 1px solid #dfdfdf;
        }
        .body{
            max-height: 500px;
            overflow-y: scroll;
        }
    </style>
</head>
<body>
<div>
    <div>
        <table cellpadding="0" cellspacing="0">
            <tr>
                <th width="120">测试项目1</th>
                <th width="20">测试项目2</th>
                <th width="20">测试项目3</th>
                <th width="20">测试项目4</th>
                <th width="20">测试项目5</th>
            </tr>
        </table>
    </div>
    <div>
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>            <tr>
            <td width="120">单元测试1</td>
            <td width="20">单元测试2</td>
            <td width="20">单元测试3</td>
            <td width="20">单元测试4</td>
            <td width="20">单元测试5</td>
        </tr>
            <tr>
                <td width="120">单元测试1</td>
                <td width="20">单元测试2</td>
                <td width="20">单元测试3</td>
                <td width="20">单元测试4</td>
                <td width="20">单元测试5</td>
            </tr>
        </table>
    </div>
</div>
</body>
</html>

原文：http://my.oschina.net/u/1861097/blog/357160

内容总结

以上是互联网集市为您收集整理的css固定表头全部内容，希望文章能够帮你解决css固定表头所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1150772.html

来源：【匿名】

【上一篇】Appium 运行脚本报错InvalidSelectorException: Message: Locator Strategy 'css selector' is not supported for （转）【下一篇】php无法调用css怎么办

更多 ►

【css固定表头】教程文章相关的互联网学习教程文章

利用CSS来布局页面布局DIV有点逻辑性!重点理解盒子模型,标准流和非标准流的区别,还有定位原理!把这3个攻破了,就非常简单了!多实践多参考!最后就是兼容问题了,在实践中自然就有经验了!这些兼容技巧都是经验来的! 盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型：　　从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、cont...

【W3C】 CSS3选择器

扔一些学习W3C时翻译的规范，以个人理解和总结为主，翻译为辅。原文地址：http://www.w3.org/TR/css3-selectors/ 一、基本概念node和element：element是XML中的概念，是xml的数据组成部分。node是对于tree的结构而言的，元素由结点组成。parent ：父元素children：子元素（直接后代，不包括再往后的后代 = 。 =）slibings ：兄弟元素the subjects of a selector：一个选择器所匹配到的document tree中的元素就是这个选择器的subj...

在css里写#C9D9F2，鼠标放上就能显示出这个颜色，非常直观。有谁知道这是什么插件？？_html/css_WEB-ITnose

像这样的回复讨论(解决方案) DreamWeaver 我是说在eclipse里大部分编辑器都可以这样大部分编辑器都可以这样我用的eclipse3.7.2的，怎么没这个呀 aptana studio里面可以这样我看别人用的eclipse juno里就可以这样我的是3.7.2，就没有这个效果。是个插件吗不知道，没用过，再求。将json字符串转换为包含复杂类型集合的Bean对象

c# – 如何从代码隐藏中更改css文件中使用的颜色？【代码】

我的许多css文件(包括bootstrap)都使用指定的颜色.我希望能够在一个中心位置更改主要颜色(例如我正在添加的配置页面). 我已经看到css var可能很快就会成为一件事,但目前还没有得到很好的支持. 有没有更优雅的方式,我可以这样做,我目前的想法使用css文件作为模板,我将加载页面加载的颜色配置？解决方法:您可以使用LESS而不是CSS来获得变量和更多优势. 如果你将LESS与分离到不同CSS文件的主题结合使用(如@Thorarins建议的那样),你将获...

一个只会HTML和CSS，没有学过任何其他语言的人，只用了15天就学会了PHP，并独立制作了一个复杂度和知乎相似的B2C网站，这个人是天才吗？还是说PHP很简单？

回复内容：恕我直言，说出“复杂度和知乎相似”这种字眼的人，我对其其他言论的准确性和客观性抱有很大怀疑性。所以，我很怀疑这是个伪命题。我也想看看我会不会被折叠。这有什么的，我昨天学的html，现在已经掌握google的所有技术了：http://www.google.cn" width="100%" height="100%" />Wordpress 5分钟安装。（实际上小于5分钟）加上一个复杂的主题；（这个速度取决于开发者的APM）再来几个复杂的插件；（同上） OK，...

哪位高手有不用的书了卖给小弟我吧php、javascript、c++、ajax应用、html5、css3、mysql等【图】

谁有不用的书了卖给我吧php、javascript、c++、ajax应用、html5、css3、mysql等自己半路出家，都是自学，也不系统。前端后台都会一点儿，套程序倒是会，二次开发就有点儿难度了，所以想从基础学起，多了也没空学，只学php相关的知道网上教程很多，但是整体看电脑累眼，所以还是想看些纸质书求购php、javascript、c++、ajax应用、html5、css3、mysql数据库图书，网站制作类的其他书籍有了也可以推荐给我，div+cs类的不要，ps不要。a...

一个很简单的jquery+xml+ajax的无刷新树结构(无css，后台是c#)_jquery

代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.Linq; using System.Xml; using System.Xml.Linq; namespace WebApplication3 { public partial class WebForm1: System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { int id = Convert.ToInt32(Request["parentID"]); GetX...

一个很简单的jquery+xml+ajax的无刷新树结构(无css，后台是c#)

代码如下:using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.Linq; using System.Xml; using System.Xml.Linq; namespace WebApplication3 { public partial class WebForm1: System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { int id = Convert.ToInt32(Request["parentID"]); GetXM...

c#后台修改前台DOM的css属性示例代码

<div id = 'div1' runat="server">haha</div> ----------- 后台代码中这样调用 div1.Style["display"]="inline"; 注意，c#中要用双引号。 using System.Web.UI.WebControls;得引入这个命名空间 Style["background-image"] ="url(images/bg_active.jpg)";等等

W3C教程(6):W3CCSS活动

样式表可描述文档如何被显示、发音或打?SS 是一种向网页添加样式的机制。样式表可描述文档如何被显示、发音或打印。CSS 是一种向网页添加样式的机制。XML 教程如需学习更多有关 CSS 的知识，请阅读我们的 CSS 教程。CSS 版本CSS1作为一项 W3C 推荐，CSS1 发布于 1996 年 12 月 17 日。1999 年 1 月 11 日，此推荐被重新修订。CSS2作为一项 W3C 推荐，CSS2 发布于 1999 年 1 月 11 日。CSS2 添加了对媒介（打印机和听觉设备）和可...

把HTML5简称为H5的人，会把CSS3说成C3吗？

如果会，为什么要简读？Hyper 5 跟 Casading 3 能准确表示同样含义吗？如果不会，为什么 HTML 5 会受到这样的对待？回复内容：其实大部分用“H5”这个词的人不知道有CSS这个东西。大众指的H5其实应该称为mobile web。和把动画说成动漫一样，本来是小圈子的东西，被半吊子误用，被掌握话语权的媒体推广就成现在这样了。说起来就是劣币驱逐良币。经常听运维说，这个h5，页面那个h5页面，怎么怎么样。拿来给我一看，心想，同步动画，...

网页设计一定要用到C#吗？_html/css_WEB-ITnose

网页设计一定要用到C#吗？为什么在google搜索发现很多人说用c#开发？这是怎么回事？开发大型网站应该也可以不用c#吧。回复讨论(解决方案) 如果你是老板你可以决定，如果你是打工的只能听老板的。 .net开发的周期比较短，因为有全能的vs,托托控件就能搞定.不像asp,php,java全靠手写代码 .net在微软的体贴设计下，上手快，开发快，大部分的东西都是现成的，你拖动就是了。悲剧的是如果你想优化一下性能，实现一些新的...

C#MVC4怎么实现全选checkbox。_html/css_WEB-ITnose

mvc4 C# MVC4 怎么实现全选checkbox。回复讨论(解决方案) $("#chkAll").click(function () { if (this.checked) { $("input[name=chkId]").each(function () { this.checked = true; }); } else { $("input[name=chkId]").each(function () { this.checked = false; }); } }); 全选 window.onload = f...

W3C为什么要在HTML5中舍弃<frameset>？_html/css_WEB-ITnose

我觉的这个东西挺好的呀，做个头部在点击其他页面的时候头部都不用刷新，省去很多下载解析的时间...等等等等。为什么现在很少有人用frameset了？有什么性能问题吗？小弟虚心请教各位大侠! 回复讨论(解决方案) 谁说的 frameset好东西啊那为什么现在很少有人用了？我也觉得frameset很好用啊或许各个见解不一。不利搜索引擎破坏文档结构实际也没啥啦^_^ 原来是这样哦~！但是有取代frameset的东西...

在w3c网上学html碰到的一些问题，麻烦帮我解决下。_html/css_WEB-ITnose【图】

W3Schoolhref是哪个字的缩写？ td代表哪个英文单词？属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号。??w3c的教程里的一段话，那么在有单引号的时候是不是必须用双引号呢？如果单引号双引号都有怎么办？ Computer codeKeyboard inputTeletype textSample textComputer variable注释：这些标签常用于显示计算机/编程代...

CSS - 技术教程分类

CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class选择器 CSS 创建 CSS Backgrounds(背景) CSS Text(文本) CSS Fonts(字体) CSS 链接(link) CSS 列表 CSS Table(表格) CSS 盒子模型 CSS Border(边框) CSS 轮廓（outline）属性 CSS margin(外边距) CSS padding（填充） CSS 尺寸 (Dimension) CSS Position(定位) CSS Overflow CSS Float（浮动） CSS 对齐 CSS 伪类 CSS 伪元素 CSS 导航栏 CSS 下拉菜单 CSS 提示工具 CSS 图像透明/不透明 CSS 图像拼合技术 CSS 媒体类型 CSS 属性选择器 CSS 表单 CSS 计数器 CSS 网页布局 CSS 总结 CSS 实例 Viewport 媒体查询图片视频(Video) 框架 CSS 参考手册 CSS 选择器 CSS Web安全字体 CSS 动画 CSS 单位 CSS 颜色 CSS 颜色值 css 全部

CSS - 最热教程

设置DIV的背景色有哪几种方法 js批量设置元素样式和封装似于jquery的...HTML5实战与剖析之CSS选择器——getEle...css如何设置文本元素内的空白填充？如何压缩css文件 cssright属性怎么用 cssanimation-timing-function属性怎么...jquery设置内联样式css()jQuery+HTML5+CSS3制作支持响应式布局时...jquery实现动态改变css样式的方法分析

首页 / CSS / css固定表头

css固定表头

内容导读

内容图文

内容总结

内容备注

内容手机端

【css固定表头】教程文章相关的互联网学习教程文章

IE、W3C两种CSS盒子模型

【W3C】 CSS3选择器

在css里写#C9D9F2，鼠标放上就能显示出这个颜色，非常直观。有谁知道这是什么插件？？_html/css_WEB-ITnose

c# – 如何从代码隐藏中更改css文件中使用的颜色？【代码】

一个只会HTML和CSS，没有学过任何其他语言的人，只用了15天就学会了PHP，并独立制作了一个复杂度和知乎相似的B2C网站，这个人是天才吗？还是说PHP很简单？

哪位高手有不用的书了卖给小弟我吧php、javascript、c++、ajax应用、html5、css3、mysql等【图】

一个很简单的jquery+xml+ajax的无刷新树结构(无css，后台是c#)_jquery

一个很简单的jquery+xml+ajax的无刷新树结构(无css，后台是c#)

c#后台修改前台DOM的css属性示例代码

W3C教程(6):W3CCSS活动

把HTML5简称为H5的人，会把CSS3说成C3吗？

网页设计一定要用到C#吗？_html/css_WEB-ITnose

C#MVC4怎么实现全选checkbox。_html/css_WEB-ITnose

W3C为什么要在HTML5中舍弃<frameset>？_html/css_WEB-ITnose

在w3c网上学html碰到的一些问题，麻烦帮我解决下。_html/css_WEB-ITnose【图】

CSS - 技术教程分类

CSS - 最新教程

CSS - 最热教程