el-table如何设置max-height?

Question

动态设置table的max-height = window.innerHeight - 300没作用，重新请求接口后，高度没有没内容撑开。
使用height的话在数据较少的情况下，会有很多的留白，怎么正确的使用max-height让table被内容撑开？

Answer 1

我今天也遇到了，mounted里计算了可视区的高度，然后计算出table的max-height值，标签中用<el-table :max-height="tableHeight" >的方式绑定了计算后的高度值，但是发现tableHeight只是第一次初始化的值，并不是动态计算的值，即使放到computed、watch中，各种姿势都不可以。后来我就还在mounted中，把计算可视区高度、推导表格高度的代码写到了setTimeout里，让其晚些时候执行，就可以了。希望有用。以下代码就是mounted里的片段：

setTimeout(()=>{
      this.boxHeight = this.$parent['$refs'].content['clientHeight']
      this.tableHeight = this.boxHeight - 40 - 24 - 15
    },0)

Answer 2

el-table高度不是自适应的吗

Answer 3

渲染出来之后并不是table的max-height el-table创建了了两层表格 你可以写死max-height然后查找有max-height的class 动态给这个class加

Answer 4

先检查有没有报错，没报错的话再检查element-ui的版本，2.8.2中max-height是有bug的，用2.7.2可以生效