el-table滚动条设置在外层

问题

当table数据量过大又不想用分页时，需要将纵向滚动条拉至底部才能操作横向滚动条，操作不便。因此我们需要固定横向滚动条的位置。

失效的用法

如果是如下结构，通常我们会选择隐藏el-table自带的滚动条，再给他的父级元素加上高度和滚动条。但是这种方法目前是没有用的。

<div style="height:400px">
  <el-table style="height:350px" />
</div>

可以采用的方法

将table对应窗口位置固定
html部分：
为table组件加上height,注意这里的height是方法

<div style="height:400px">
  <el-table :height="tableMaxHeight"/>
</div>

js部分：
在computed里加入高度计算方法

  computed: {
    tableMaxHeight() {
      return window.innerHeight - 200 + "px";//这里的数据根据需求自定义
    },
  },