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

上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版权协议,转载请附上原文出处链接和本声明。