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

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

1、CSS

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
      
    
  

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