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

您所在的位置:网站首页 el-table横向滚动条不再最底部 解决layui数据表格table的横向滚动条显示问题

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

2022-09-30 04:16| 来源: 网络整理| 查看: 265

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

body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */

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

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

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

您可能感兴趣的文章:LayUi中接口传数据成功,表格不显示数据的解决方法layui 表格的属性的显示转换方法Layui实现数据表格默认全部显示(不要分页)解决Layui数据表格显示无数据提示的问题layui 表格操作列按钮动态显示的实现方法layui 实现表格某一列显示图标解决LayUI数据表格复选框不居中显示的问题layui实现数据表格点击搜索功能基于layui实现高级搜索(筛选)功能layui数据表格实现重载数据表格功能(搜索功能)Layui 数据表格批量删除和多条件搜索的实例layui实现显示数据表格、搜索和修改功能示例


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3