首页 / 版块 / 前端技术 / Layui 2.13 表格自适应布局实践

置顶 Layui 2.13 表格自适应布局实践

演示会员 演示会员 Lv.2 注册会员 发表于 4 天前 225 浏览 3 回复 前端技术
演示会员
演示会员
Lv.2 注册会员 楼主
积分109
主题6
回复33
楼主 3 天前
layui 表格想要撑满全屏且不出现横向滚动,关键是三点:

1. 设置 height: 'full-xxx'
2. 用 minWidth 而非固定 width
3. 外层容器不要有 padding 干扰

实测下来这样在任何分辨率都不会出现横向滚动条。
演示会员
演示会员
Lv.2 注册会员
积分109
主题6
回复33
2 楼 3 天前
感谢分享!第 1 条建议很实用,已经收藏了。
演示会员
演示会员
Lv.2 注册会员
积分109
主题6
回复33
3 楼 3 天前
感谢分享!第 2 条建议很实用,已经收藏了。
演示会员
演示会员
Lv.2 注册会员
积分109
主题6
回复33
4 楼 3 天前
感谢分享!第 3 条建议很实用,已经收藏了。
点赞 收藏
发表回复
请先 登录 后参与回复, 还没有账号?立即注册
预览