婚礼互动小程序_解决layui表格的表头不滚动的问

2021-01-07 11:34| 发布者: | 查看: |

解决layui表格的表头不滚动的问题       今天小编就为大家分享一篇解决layui表格的表头不滚动的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

步奏:

1、设置两个table,第一个table有thead没有tbody,第二个table有tbody没有table;

2、第二个table需要一个div包住,并设置宽高,可用绝对布局

3、tr下的th和td需要设置相同的宽度

实例:

html:

 html 
 head /head 
 body 
 div id="righttable" 
 table border="1" 
 thead id="thead_" 
 th 站点名称 /th 
 th 站点排名 /th 
 th 站点电量(kWh) /th 
 /tr 
 /thead 
 /table 
 div 
 table border="1" 
 tbody id="tbody_" 
 /tbody 
 /table 
 /div 
 /div 
 /body 
 /html 

css:

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

以上这篇解决layui表格的表头不滚动的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持凡科。


<
>

 
QQ在线咨询
售前咨询热线
18720358503
售后服务热线
18720358503
返回顶部