Html
    Css
    Js

    
                        
#scrollTable {
	width:701px;
}
#scrollTable * {
	box-sizing:border-box;
}
#scrollTable table {
	border-collapse:collapse;
	/*统一设置两个table为细线表格*/
}
/*表头 div的第一个子元素**/

        #scrollTable table.thead {
	width:100%;
}
/*表头*/
        #scrollTable table.thead th {
	border:1px solid #EB8;
}
/*能带滚动条的表身的格子*/

        #scrollTable table.tbody td {
	border:1px solid #C96;
}
/*能带滚动条的表身*/

        /*div的第二个子元素*/
        #scrollTable div {
	width:100%;
	height:100px;
	overflow:auto;
	/*必需*/
}
/*能带滚动条的表身的正体*/
        #scrollTable table.tbody {
	width:100%;
	border:1px solid #C96;
	color:#666666;
}

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

完美固定表头(原创)

该表格仅为纯css固定表头,很实用不易错

0