html固定表头的滚动条,css实现固定表头带滚动条的table.html

固定表头

#table-container {

border: 1px solid black;

width: 316px;

}

table {

width: 300px;

}

.table-header {

padding-left: 10px;

color: #0099FF;

font-size: 1.3rem;

height: 40px;

text-align: center;

}

.table col {

width: 25%;

}

.table-body {

height: 200px;

overflow-y: scroll;

overflow-x: hidden;

}

.table-body td {

padding-left: 15px;

}

content	content	content	content
content	content	content	content
content	content	content	content
content	content	content	content
content	content	content	content
content	content	content	content
content	content	content	content
content	content	content	content
content	content	content	content

一键复制

编辑

Web IDE

原始数据

按行查看

历史