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

每个人的成功之路可能有所不同,但我相信成功需要每个想要成功的人人民努力奋斗和奋斗,通往成功的每条道路都是坎s曲折。

加上这段样式代码就可以解决了:

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

ps:这个问题fly社区给出的解释是:table 列宽自适应出现横向滚动条的几率一般是比较小的,主要原因是 table 的渲染有时会在浏览器纵向滚动条出现之前渲染完毕,这时 table 容器会被强制减少滚动条宽度的差(一般是 17px),导致 table 的横向滚动条出现。

所以,建议强制给你的页面显示出纵向滚动条。

以上这篇解决layui数据表格table的横向滚动条显示问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
layui 实现table翻页滚动条位置保持不变的例子

layer.js open 隐藏滚动条的例子

swiper Scrollbar滚动条组件详解

layui固定下拉框的显示条数(有滚动条)的方法

使用js实现一个简单的滚动条过程解析