html表格高度自动调整,el-table表格高度自适应

stripe

ref="table"

:data="table.tableData"

border

size="mini"

:height="table.tableHeight"

:header-cell-style="{'text-align':'center'}"

:cell-style="{'text-align':'center'}">

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://www.cnblogs.com/maggieq8324/p/12313885.html