css列名不动_表头不动，内容滚动的例子(纯css+html)

Table

.table{

width: 100%;

border-collapse:collapse;

border-spacing:0;

}

.fixedThead{

display: block;

width: 100%;

}

.scrollTbody{

display: block;

height: 262px;

overflow: auto;

width: 100%;

}

.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: 200px;

}

td{

word-wrap:break-word;

word-break:break-all;

}

headerheader two

test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2test 1test 2

div+css实现表头固定内容滚动表格

Table实现表头固定 内容滚动

js控制固定div和随屏滚动div兼容多浏览器和纯css控制(来自网络)

n">

纯css使用线性渐变实现滚动进度条(来自于微信前端早读课)

标签每出现一次,一个 FileUpload 对象就会被创建. 该元素包含一个文本输入字段,用来输入文 ...

Spotlight on Mysql详细介绍

Spotlight on Mysql详细介绍   by:授客 QQ:1033553122     1. 版本 2. 使用介绍 1) 主页 会话面板 MySQL面板 INNODB面板 存储面板 主机面板 ...

ES6学习：Map结构的目的和基本用法

Map结构的目的和基本用法 JavaScript的对象(Object)本质上是键值对的集合(Hash结构),但是只能用字符串作为键.这给它的使用带来了很大的限制.   1 2 3 4 5 6 7 8 ...

egg.js基础入门

之前一直使用koa, 刚刚接触egg, 做了一些入门的笔记 准备工作 1  首先安装脚手架,,并创建项目. $ npm i egg-init -g $ egg-init egg-demo --type ...