el-table 自适应高度

173 阅读1分钟

<el-table border :data="customersList" ref="table" :height="tableHeight"> </el-table>

  • 记得定义一个ref
  • 在table里面加一个 height

在data里面定义 tableHeight

tableHeight: 50, //表格高度

最后js方法

  mounted: function () {
      this.$nextTick(function () {
        this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 300;

        // 监听窗口大小变化
        let self = this;
        window.onresize = function () {
          self.tableHeight = window.innerHeight - self.$refs.table.$el.offsetTop - 300
        }
      })
      //this.$refs.table.$el.offsetTop:表格距离浏览器的高度
    },