博客列表 >layui数据表格宽度自适应出现横向滚动条

layui数据表格宽度自适应出现横向滚动条

明了
明了原创
2018年12月18日 15:19:3922763浏览

原文https://fly.layui.com/jie/18737/

正常情况下,自适应的列宽不会导致 table 容器出现滚动条。如果你的出现了,请按照下述方案解决:
1. 如果 table 是在 layui 的后台布局容器中(注意:不是在 iframe 中),在你的页面加上这段 CSS:
.layui-body{overflow-y: scroll;}
2. 如果 table 是在独立的页面,在你的页面加上这段 CSS:
body{overflow-y: scroll;}
总体而言,table 列宽自适应出现横向滚动条的几率一般是比较小的,主要原因是 table 的渲染有时会在浏览器纵向滚动条出现之前渲染完毕,这时 table 容器会被强制减少滚动条宽度的差(一般是 17px),导致 table 的横向滚动条出现。建议强制给你的页面显示出纵向滚动条。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议