我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

解决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表格的表头不滚动的问题
网页URL:http://shouzuofang.com/article/jichio.html

其他资讯