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

Table

.table{

100%;

border-collapse:collapse;

border-spacing:0;

}

.fixedThead{

display: block;

100%;

}

.scrollTbody{

display: block;

height: 262px;

overflow: auto;

100%;

}

.table td,.table th {

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;

200px;

}

td{

word-wrap:break-word;

word-break:break-all;

}

headerheader twotest 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