上bug图:
横向出现了滚动条,逼死强迫症了。控制台打开,审查元素,发现多了一列:
官方给出的解决方案:https://fly.layui.com/jie/18737/
1. 如果 table 是在 layui 的后台布局容器中(注意:不是在 iframe 中),在你的页面加上这段 CSS:
.layui-body{overflow-y: scroll;}
2. 如果 table 是在独立的页面,在你的页面加上这段 CSS:
body{overflow-y: scroll;}
我的代码就是因为表格高度给高了几个像素导致页面出现了滚动条(不信你回去看第一张图~),调整表格高度就好了。
如果你们的问题还没有解决,可以看看是不是自定义的宽度导致的,参考文章:
layui使用总结--解决数据表格出现横向滚动条的情况_yoonhi_的博客-CSDN博客_layui表格横向滚动条
==============================隐藏bug分割线===========================
也是心累,测试给我提了一个bug,横向滚动条的,滚动的宽度就等于竖向滚动条的宽度。加上body{overflow-y: scroll;}也没有用。
之前总怀疑自己哪里样式写错了,各种调都不行,重新拖动页面宽高它又能正确渲染。
结果,它是个隐形的bug。
表格有竖向滚动条的情况下,直接在iframe中用没事儿,直接在nav中用没事儿;在iframe页面的nav中用就炸了。我直接用官网地址Layui table模块,数据表格的高度最大化适应 - 在线演示测的,
layer.open({
type: 2,
title: "新增",
shade: 0.1,
maxmin: true,
area: [(document.body.clientWidth / 3 * 2) + 'px', '600px'],
content: 'https://layui.itze.cn/demo/table/height.html'
});
如图:
我放弃了,哪位有解决方案的,求告知下!!!!!!
版权声明:本文为qq_39280563原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。