解决Layui数据表格table横向滚动条显示问题

Layui Table横向滚动条问题解决方法

只需添加以下CSS样式代码即可解决该问题：

<link type="text/css" rel="stylesheet" href="layui/css/layui.css" rel="external nofollow" />
<style>
 body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */
</style>

Fly社区对此问题的解释是：表格列宽自适应时出现横向滚动条的概率通常较小。主要原因在于表格渲染可能在浏览器纵向滚动条出现之前完成，此时表格容器会被强制减去滚动条宽度的差值（通常为17px），从而导致横向滚动条的出现。

因此，建议强制让页面显示纵向滚动条。

以上关于解决Layui数据表格table横向滚动条显示问题的内容就是小编分享给大家的全部信息，希望能对大家有所帮助，也希望大家多多支持本站。