el-table 滚动轴固定到底部

1、需求：

        表格的数据和列过多时，如果想查看第一行的最后几列，就需要将表格滑动到最下面，拖动滚动轴，再将表格滑动到最上面才能看到数据。显然这样的操作不够简洁。此时就需要将滚动轴固定到页面底部，可以不滚动表格就可以直接拖拽滚动轴即可。

2、实现思路：

        可以借助官网文档Element - The world's most popular Vue UI framework的 height 属性，实现流体高度。即固定el-table的高度，让数据在这个高度内滑动，这样的话，滚动轴就可以在页面的底部了。

3、上代码：

<el-table :height="height">
//省略
</el-table>

<script>
export default{
    data() {
        height: 900
    },
// 需要在created周期函数中去调整高度的大小、这个地方也可以是适应分辨率，如果屏幕变小或者变大，你可以刷新
   created() {
    let tableHeight = document.body.clientHeight - 350 // 至于减去多少，这个要看你的页面高度和你想将滚动轴固定在哪里了，数值可以更换
    this.height = tableHeight
    }
}
</script>

4、分辨率问题：

        因为我在电脑上测试是ok的，但测试人员的电脑分辨率和我的不一样，所以他的页面是会有垂直的滚动轴，这个垂直的滚动轴是整个页面的，不是el-table表格的。

        所以就用上述代码即可实现适应不同分辨率。

5、总结：

        这个解决办法其实不难，但我也琢磨了很久，最终还是解决了。希望能帮助到此时也正需要的你。有何疑问，请不吝赐教！若有不到之处，请指出，及时更改，避免误导他人，感谢！