解决layui数据表格table的横向滚动条显示问题
程序员文章站
2022-09-07 09:20:13
加上这段样式代码就可以解决了:
加上这段样式代码就可以解决了:
<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问题之渲染数据表格时,仅出现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的横向滚动条显示问题