<html>
<head>
    <meta charset="utf-8">
    <title>Table</title>
    <style type="text/css">
        .table{
            width: 100%;
            border-collapse:collapse;
            border-spacing:0;
        }
        table thead, tbody tr {
            display:table;
            width:100%;
            table-layout:fixed;
        }
        .fixedThead{
            width: calc( 100% - 1em )
        }
        .scrollTbody{
            display: block;
            height: 262px;
            overflow: auto;
            width: 100%;
            overflow-y:scroll;
        }
        .table td,.table th {
            width: 200px;
            border-bottom: none;
            border-left: none;
            border-right: 1px solid #CCC;
            border-top: 1px solid #DDD;
            padding: 2px 3px 3px 4px
        }
        .table tr{
            border-left: 1px solid #EB8;
            border-bottom: 1px solid #B74;
        }
        /*thead.fixedThead tr th:last-child {
            color:#FF0000;
            width: 218px;
        }*/
    </style>
</head>
<body >
<table class="table">
    <thead class="fixedThead">
    <tr><th>header</th><th>header two</th></tr>
    </thead>
    <tbody class="scrollTbody">
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    <tr><td>fuck 1</td><td>fuck 2</td></tr>
    </tbody>
</table>
</body>
</html>

css固定表头，表单内容可以滑动的更多相关文章

  1. js控制select选中显示不同表单内容

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. c#程序为PDF文件填写表单内容

    众所周知,PDF文件一般情况下是无法修改的,如果你有一张现成的PDF表格,这时想通过编程实现从数据库或者动态生成内容去填写这张表格,就会有些问题了,首先我们要解决以下2个重要的问题: 1.如何将内容写 ...

  3. Django--post提交表单内容

    本节目标:①.提交表单内容②.通过客户端提交表单新增一篇文章③.通过Django的forms组件来完成新增一篇文章 =======提交表单内容======== 1.前端html:login.html ...

  4. 分页功能实现之通过ajax实现表单内容刷新

    拿代码来说话 我们的需求就是点击翻页功能,实现表格内容局部刷新且能够翻到对应的页面上,不明白? 那么就看看下面的图,需要达到的效果如下所示: 现在要实现的功能就是把红线框起来的表单内容 在点击翻页的时 ...

  5. HTTP上下文表单内容转为实体对象

    using ServiceStack.Web; using System; using System.Collections.Generic; using System.Linq; using Sys ...

  6. c#使用itextsharp输出pdf(动态填充表单内容,显示中文)

    相关链接: iText的简单应用-字体 c#程序为PDF文件填写表单内容 示例代码: static void Main(string[] args) { BaseFont font = BaseFon ...

  7. 清除input表单内容

    碰到几次情况,页面刷新或者从上级页面返回表单的内容依然遗留,很影响使用. <form action="" method="" autocomplete=& ...

  8. css表格表头表尾固定，表身滚动

    表头表尾固定,表身滚动实现用了3个table标签 <!DOCTYPE html> <html> <head> <meta http-equiv="C ...

  9. 如何写好CSS系列之表单(form)

    表单模块可以分为两部分:一是表单的布局,也就是规范表单元素单元的排列位置:二是表单元素,如:输入框.单选.复选.列表组件.搜索组件等,由于列表组件.搜索组件不是单纯的css组件,所以暂且没有实现. 一 ...

随机推荐

  1. 2017-2018-2 165X 『Java程序设计』课程 团队项目备选题目

    2017-2018-2 165X 『Java程序设计』课程 团队项目备选题目 结合本课程时间安排,以及同学们的专业和课程内容,制定了以下六个题目供各小组选择.如有其他项目方案设想,可自行与老师沟通.老 ...

  2. target与currentTarget与this的区别

    target与currentTarget与this的区别: target在事件流的目标阶段:currentTarget在事件的捕获.目标及冒泡阶段. 只有当事件流处在目标阶段的时候,二者的指向才是一致 ...

  3. shiro 启动异常

    原因是:LoginController中用到,自动注入,要配置在 /permission1110/config/spring/applicationContext-service.xml中配置bean ...

  4. Android Studio buildGrade文件注解

    apply plugin: 'com.android.application' //指定用的那个插件,android App插件打包得到.apk文件                     //com ...

  5. 1173 - The Vindictive Coach

    题目大意:n个不同身高的队员和教练的按照身高排成波浪形……每个人按照身高由低到高编号,其中第m个是教练,他必须在第一个,如果条件允许,排第二的要比m低,如果条件不允许,即其余人都比教练高,则要让差距尽 ...

  6. android屏蔽系统锁屏的办法

    最近在开发一个第三方锁屏,使用中需要屏蔽系统锁屏,故代码如下: 在第三方锁屏的服务中onCreate()方法中(第三方锁屏服务启动时关闭一次系统锁屏服务即可) KeyguardManager mKey ...

  7. python 十大web框架排名总结

    0 引言 python在web开发方面有着广泛的应用.鉴于各种各样的框架,对于开发者来说如何选择将成为一个问题.为此,我特此对比较常见的几种框架从性能.使用感受以及应用情况进行一个粗略的分析. 1 D ...

  8. Go语言中的结构体 (struct)

    Golang官方称Go语言的语法相对Java语言而言要简洁很多,但是简洁背后也灵活了很多,所以很多看似很简单的代码上的细节稍不注意就会产生坑.本文主要对struct结构体的相关的语法进行总结和说明. ...

  9. 3. SpringBoot ——自动配置原理浅析

    SpringBoot的功能之所以强大,离不开它的自动配置这一大特色.但估计很多人只是知其然而不知其所以然.下面本人对自动配置原理做一个分析: 在使用SpringBoot时我们通过引入不同的Starte ...

  10. vs 快捷键操作

    各个版本可能不同,以vs 2013为例. 1.调试时,调出即时窗口:[Ctrl+Alt+i] 2.注释/取消注释:[Ctrl+K Ctrl+C]/[Ctrl+K Ctrl+U]