Html
    Css
    Js

    
                        
.type-panel-head {
	line-height:114px;
	font-size:50px;
	padding-left:65px;
	color:#fff
}
.type-panel-body {
	height:calc(100% - 114px);
	overflow:hidden;
	border:1px solid #57646f;
	position:relative;
}
.fixedThead {
	position:absolute;
	width:100%;
	background:#0f1520;
	border-right:1px solid #57646f;
	z-index:100;
	border-bottom:1px solid #57646f
}
.type-panel-body table {
	width:100%;
	line-height:70px;
	color:#000;
	text-align:center;
}
.type-table thead,.fixedThead thead tr td {
	color:#fff;
	font-size:34px
}
.type-table tbody {
	font-size:30px;
	overflow:hidden
}
.type-table thead tr,.type-table tbody tr {
	border-bottom:1px solid #57646f
}
.type-table thead tr td,.type-table tbody tr  td {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.fixedThead thead tr td:first-child,.type-table thead tr td:first-child,.type-table tbody tr  td:first-child {
	border-right:1px solid #57646f;
	width:120px
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.9.1
 立即下载

循环滚动table固定表头

0