layui表格自适应宽度出现横向滚动条

博客内容讲述了在使用layui表格时遇到的横向滚动条问题,以及官方提供的解决方案。作者通过调整表格高度解决了自己的问题,但还存在一个隐形bug:当表格有竖向滚动条且在iframe内的nav中使用时,会出现横向滚动条宽度等于竖向滚动条宽度的异常。目前此问题尚未解决,作者寻求帮助。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

上bug图:

 横向出现了滚动条,逼死强迫症了。控制台打开,审查元素,发现多了一列:

 官方给出的解决方案:https://fly.layui.com/jie/18737/

1. 如果 table 是在 layui 的后台布局容器中(注意:不是在 iframe 中),在你的页面加上这段 CSS:

.layui-body{overflow-y: scroll;}

2. 如果 table 是在独立的页面,在你的页面加上这段 CSS:

body{overflow-y: scroll;}

 我的代码就是因为表格高度给高了几个像素导致页面出现了滚动条(不信你回去看第一张图~),调整表

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值