Html
    Css
    Js

    
                        
/* 表格初始化 */
	.myTable table {
	margin:0;
	white-space:nowrap;
	width:100%;
	table-layout:fixed;
}
.myTable table th,.myTable table td {
	overflow:hidden;
	text-overflow:ellipsis;
	color:#333;
}
/* 表格定高,默认200 */
		.myTable .tbodyDiv {
	width:100%;
	height:200px;
	overflow-x:hidden;
	overflow-y:auto;
}
/* 盒子内的表格 */
		.box {
	width:500px;
	overflow-x:auto;
}
.box .myThead {
	width:1000px;
}
.box .myTable .tbodyDiv {
	/* 桌面版会有大约17px的滚动条宽度,若为移动段减去这段距离即可 */
			width:1017px;
}

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

表头固定css写法

0