element中表格高度怎么自适应浏览器窗口高度显示？

Question

页面上部分为一些表单元素，做查询条件，下部分是表格，显示查出的数据。
怎么让表格的高度自适应浏览器窗口的高度？
比如在大屏上，能显示完数据，在小屏上，超出的滚动显示？
现在的效果是整个页面一起滚动，但怎么改成只在表格中滚动？
类似于Element官网中表格固定表头的显示效果。

不知道我有没说清楚。。

Answer 1

1.给你来个传送门的demo:vue-template
2.就是左侧和右侧都有两个滚动条效果
3.大致思路是在布局时分为左侧和右侧超出显示滚动条,可以查看home里面的css布局样式

Answer 2

需要做动态计算表格的高度，只要设置的表格的高度就能达到固定表头

Answer 3

//store 里的缓存
const clientHeight = document.documentElement.clientHeight - 105;
//单页面的引用
clientHeight() {

return this.$store.state.clientHeight - 115;

}
//el-table的属性
:max-height="clientHeight"