layui 数据表格列宽自适应出现横向滚动条的解决方案

正常情况下，自适应的列宽不会导致 table 容器出现滚动条。如果你的出现了，请按照下述方案解决：

1. 如果 table 是在 layui 的后台布局容器中（注意：不是在 iframe 中），在你的页面加上这段 CSS：

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

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

body{overflow-y: scroll;}

总体而言，table 列宽自适应出现横向滚动条的几率一般是比较小的，主要原因是 table 的渲染有时会在浏览器纵向滚动条出现之前渲染完毕，这时 table 容器会被强制减少滚动条宽度的差（一般是 17px），导致 table 的横向滚动条出现。建议强制给你的页面显示出纵向滚动条。

来源:http://fly.layui.com/jie/18737/

来源于： http://fly.layui.com/jie/18737/

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/595

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！