PROMULGATOR

    黄小鸣

    浙江省绍兴市
    Html
    Css
    Js

    
                        


                        

                            


#left_div {
	width:100px;
	float:left;
}
#left_div1 {
	width:100%;
}
#left_div2 {
	width:100%;
	height:400px;
	overflow:hidden;
}
#left_table1,#left_table2 {
	width:100%;
}
#left_table1 th {
	background:#8AB6CB;
	text-align:center;
}
#left_table2 th {
	text-align:center;
	background:#BDE2F3;
}
#right_div {
	float:left;
}
#right_div1 {
	width:100%;
	overflow:hidden;
}
#right_divx {
	width:900px;
}
#right_div2 {
	width:100%;
	height:400px;
	overflow:auto;
}
#right_table1 {
	width:880px;
}
#right_table2 {
	/**width和max-width一起写，手机浏览器打开也能固定长度**/
    width:880px;
	max-width:880px;
	white-space:nowrap;
}
#right_table1 th {
	background:#E9F8FF;
	text-align:center;
	width:10%;
}
#right_table2 td {
	width:10%;
	text-align:center;
}


                        

                        



                        

                   

                    
                   

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

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
固定表头和首列的表格

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
1、宽度小于880px有滚动条，高度小于400px有滚动条
2、适用手机页面
3、适用表格大，但是页面小的场景

                         

                     

                   
                


                
0