利用js+css+html实现固定table的列头不动

话不多说，跟这小编来一起看下吧

1、CSS

  #scroll_head {
    position: absolute;
    display: none;
  }

2、Javascript

3、Html内容

  
    @*thead内容及样式同scroll_head中的thead*@
    @*thead使用深背景色，避免滚动时和tbody内容重叠显示*@
    
 @*一级标题*@
 
 @*二级标题*@
 
      数据内容，在数据加载完成后调用copyWidth()函数解决兼容性
    
 
      
一级1
 
一级2
 
一级3
      
      
二级11
 
二级12
 
二级21
 
二级22
 
二级23
 
二级23
 
二级24
 
二级25
 
二级31
 
二级32
 
二级33
 
二级33
 
二级34
 
二级35
 
二级36
      
    
    

  


   @*thead使用深背景色，避免滚动时和tbody内容重叠显示*@
      
 @*一级标题*@
 
 @*二级标题*@
 

    
一级1
 
一级2
 
一级3
      
      
二级11
 
二级12
 
二级21
 
二级22
 
二级23
 
二级23
 
二级24
 
二级25
 
二级31
 
二级32
 
二级33
 
二级33
 
二级34
 
二级35
 
二级36
      
    
  

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，同时也希望多多支持考高分网！