页面上部分为一些表单元素,做查询条件,下部分是表格,显示查出的数据。怎么让表格的高度自适应浏览器窗口的高度?比如在大屏上,能显示完数据,在小屏上,超出的滚动显示?现在的效果是整个页面一起滚动,但怎么改成只在表格中滚动?类似于Element官网中表格固定表头的显示效果。
不知道我有没说清楚。。
需要做动态计算表格的高度,只要设置的表格的高度就能达到固定表头
//store 里的缓存const clientHeight = document.documentElement.clientHeight - 105;//单页面的引用clientHeight() {
return this.$store.state.clientHeight - 115;
}//el-table的属性:max-height="clientHeight"
1.给你来个传送门的demo:vue-template2.就是左侧和右侧都有两个滚动条效果3.大致思路是在布局时分为左侧和右侧超出显示滚动条,可以查看home里面的css布局样式
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(3)
需要做动态计算表格的高度,只要设置的表格的高度就能达到固定表头
//store 里的缓存
const clientHeight = document.documentElement.clientHeight - 105;
//单页面的引用
clientHeight() {
}
//el-table的属性
:max-height="clientHeight"
1.给你来个传送门的demo:vue-template
2.就是左侧和右侧都有两个滚动条效果
3.大致思路是在布局时分为左侧和右侧超出显示滚动条,可以查看home里面的css布局样式