解决layui数据表格table的横向滚动条显示问题
加上这段样式代码就可以解决了:
body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */
ps:这个问题fly社区给出的解释是:table 列宽自适应出现横向滚动条的几率一般是比较小的,主要原因是 table 的渲染有时会在浏览器纵向滚动条出现之前渲染完毕,这时 table 容器会被强制减少滚动条宽度的差(一般是 17px),导致 table 的横向滚动条出现。
所以,建议强制给你的页面显示出纵向滚动条。
以上这篇解决layui数据表格table的横向滚动条显示问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
时间: 2019-09-04
layui数据表格实现重载数据表格功能,以搜索功能为例 加载数据表格 实现搜索功能和数据表格重载 全部代码 加载数据表格 按照layui官方文档示例 HTML部分
JavaScript部分 var table = layui.table; //执行渲染 table.render({ elem: '#demo' //指定原始表格元素选择器(推荐id选择器)layui实现数据表格table分页功能,异步加载,表格渲染,含条件查询. 一.引入layUI的相关资源
找了 很多 关于表格分页 点击事件 请求, table.render 并不支持监听点击事件,所以我就把 table.render 和 laypage.render结合在一起 (我也不想写分页的,但是后台讲数据多 ,要加分页,被逼无奈 ,想了一个方法) 先上图 代码 .html
不话不多说了,直接上代码吧: