解决layui数据表格table的横向滚动条显示问题
程序员文章站
2022-04-09 16:35:20
加上这段样式代码就可以解决了：
加上这段样式代码就可以解决了：
<link type="text/css" rel="stylesheet" href="layui/css/layui.css" rel="external nofollow" />
<style>
body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */
</style>
ps：这个问题fly社区给出的解释是：table 列宽自适应出现横向滚动条的几率一般是比较小的，主要原因是 table 的渲染有时会在浏览器纵向滚动条出现之前渲染完毕，这时 table 容器会被强制减少滚动条宽度的差（一般是 17px），导致 table 的横向滚动条出现。
所以，建议强制给你的页面显示出纵向滚动条。
以上这篇解决layui数据表格table的横向滚动条显示问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
上一篇： layui实现tab的添加拒绝重复的方法
下一篇： websocket 例子
推荐阅读
-
layui问题之渲染数据表格时,仅出现10条数据的解决方法
-
解决layui数据表格table的横向滚动条显示问题
-
layui的table表格在同一单元格换行显示2个数据（layui-table）
-
miniUI表格加载数据时，当没有数据时不横向显示滚动条(chrome才有这个问题，其他没有影响)
-
LayUi中接口传数据成功,表格不显示数据的解决方法
-
解决layui前端框架 form表单,table表等内置控件不显示的问题
-
layui问题之渲染数据表格时,仅出现10条数据的解决方法
-
解决 element-ui el-table表格组件先显示暂无数据 之后再加载数据的问题
-
electron-vue中elementui在有数据情况下table表格显示空白问题(已解决！)
-
解决layui数据表格table的横向滚动条显示问题