解决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://pwwzsj.com/article/jichio.html