解决layui表格的表头不滚动的问题

步奏:

创新互联建站欢迎联系:18980820575,为您提供成都网站建设网页设计及定制高端网站建设服务,创新互联建站网页制作领域十多年,包括凿毛机等多个方面拥有丰富建站经验,选择创新互联建站,为网站保驾护航!

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%;}

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


文章标题:解决layui表格的表头不滚动的问题
网站网址:http://azwzsj.com/article/jichio.html