el-table表格高度自适应


    
export default {
    data(){
        return {
           table:{
               tableData: [],
               tableHeight: $(window).height() - 440
           },
        }
    },
    mounted:function(){
        this.$nextTick(function () {
            let exceptHeight = 157;
            // this.$refs.table.$el.offsetTop:表格距离浏览器的高度
            if(this.$refs.userClusteringTable.$el){
                this.table.tableHeight = window.innerHeight - this.$refs.userClusteringTable.$el.offsetTop - exceptHeight;
            }

            // 监听窗口大小变化
            let self = this;
            window.onresize = function() {
                if(self.$refs.userClusteringTable.$el){
                    self.table.tableHeight = window.innerHeight - self.$refs.userClusteringTable.$el.offsetTop - exceptHeight;
                }
            }
        });
    }
}

转自:https://blog.csdn.net/weixin_41725862/article/details/90439463

你可能感兴趣的:(el-table表格高度自适应)