element-ui 表格滚动条（不同分辨率）自适应问题；

先来说下需求：

表格中的数据，一般分页的时候会导致侧边栏有垂直滚动条，然后由于字段过多，所以水平也有滚动条，想要实现的效果就是无论分页多少，滚动条的位置一直是不变的（水平滚动条一直固定在底部；垂直滚动条固定或者不要）

另外就是需要根据不同屏幕的分辨率进行自适应调整。

实现

1、首先 需要在表格添加对应的字段：

ref="moviesTable"
:height="tableHeight"：绑定指定的高度

<el-table v-loading="loading" :data="queryList" @selection-change="handleSelectionChange"
      :row-class-name="tableRowClassName" ref="moviesTable" @row-click="clickRow" :height="tableHeight">

2、然后声明对应的字段；

之后监听窗口变化，根据窗口变化自适应计算高度；

export default {
    data(){
        return {
        	//表格高度
           tableHeight: 0,
        }
    },
    mounted:function(){
        this.$nextTick(function(){
            this.tableHeight = window.innerHeight - this.$refs.moviesTable.$el.offsetTop - 160;
            // 监听窗口大小变化
            let that= this;
            window.onresize = function() {
            //this.$refs.moviesTable.$el.offsetTop：表格距离浏览器的高度
            that.tableHeight = window.innerHeight - that.$refs.moviesTable.$el.offsetTop - 160
            }
        })
    }
}