layui表格的表头不滚动

步奏：

1、设置两个table，第一个table有thead没有tbody，第二个table有tbody没有table；
2、第二个table需要一个div包住，并设置宽高，可用绝对布局
3、tr下的th和td需要设置相同的宽度

 

实例：

html：

 
 
  
 
   
 
    
 
     

      
站点名称
      
站点排名
      
站点电量(kWh)
     
 
    
 
   
 
   
 
     
   
 
  
 

css:

.layui-table tr th,td{white-space:nowrap;padding:5px;text-align:center;width:33.4%;}