PROMULGATOR

    土豆你个西红柿

    山东省济南市
    Html
    Css
    Js

    
                        


                        

                            


/* 初始 */
.table_con table {
	border-spacing:0;
	margin:0;
	white-space:nowrap;
	width:100%;
	table-layout:fixed;
}
/*设置表头样式*/
.table_con table th {
	border-bottom:1px solid red;
	background:red;
}
.table_con table th,.table_con table td {
	overflow:hidden;
	text-overflow:ellipsis;
	color:#333;
	border:none;
	height:32px;
	line-height:32px;
	text-align:center;
}
.table_con table tr:nth-child(2n-1) {
	background:#eee;
}
.table_con .tbody_box {
	width:100%;
	height:252px;
	overflow-x:hidden;
	overflow-y:auto;
}
.box_table {
	width:1000px;
	overflow-x:auto;
}


                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
css控制table表头吸顶

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
如果想要实现table内容横向滚动 可针对css做单独修改
.box_table .thead_title{
    width:800px;
}
.box_table .thead_title .tbody_box{
    /* pc会有大约15px的滚动条宽度，若为移动段减去这段距离即可 */
   width:815px;
}

                         

                     

                   
                


                
0