element-ui 2.8.2版本 table流体高度即max-height

Question

问题描述

最近将vue项目中element-ui的版本升级为2.8.2之后，table的max-height就失效了

问题出现的环境背景及自己尝试过哪些方法

我尝试着用新的脚手架测试，因为怕是有其他样式影响，但是测试了一下之后，效果和项目中的一样

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
当代码使用官网提供的时候，max-height是有效的

  <el-table
    :data="usersArr"
    max-height="250"
    size="mini"
    style="width: 100%">
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>

这是官方数据

  data () {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }, {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }]
    }
  }
  

当自己获取数据时，max-height失效

<el-table
    :data="usersArr"
    max-height="250"
    size="mini"
    style="width: 100%">
    <el-table-column
      type="selection"
      width="55">
    </el-table-column>
    <el-table-column
      prop="empno"
      label="工号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="userName"
      label="用户名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="userLoginName"
      label="登录名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="deptsNameContact"
      label="科室"
      show-overflow-tooltip
      width="180">
    </el-table-column>
  </el-table>
data () {
  usersArr: [],
  currentPage: 1
},
methods: {
    getUsersData () {
      this.$http.get(`/api/Manage/GetUsers?pageIndex=${this.currentPage - 1}&pageSize=${50}`, null)
        .then((res) => {
          this.usersArr = res.data
        })
        .catch((err) => {
          console.log(err)
        })
    }
}

效果图

官方代码效果图
![图片上传中...]

公司数据测试效果图

![图片上传中...]

你期待的结果是什么？实际看到的错误信息又是什么？

跪求大佬们帮忙找一下原因，已经知道是更新element-ui版本的问题，但是解决方法还未找到，目前测试的是静态数据和动态数据的原因，但是真正的原因是否就是这个还不清楚。
希望有大佬可以帮助帮助，谢谢大佬们

Answer 1

https://github.com/ElemeFE/el...
2.8.0版本更新官方说明：让 height 与 max-height 属性的行为保持一致 (#14660 by @arthurdenner)
可以的话自己fork一份安装吧，把这个更新屏蔽了。

Answer 2

简单点把max-height改成height

Answer 3

升级到最高版本就解决了：element 2.9.1

Answer 4

表格空数据有个样式，自己改成一行的高度就行

Answer 5

请问你是怎么解决的 我也遇到了相同的问题