[element-ui] el-table在flex布局中，高度不断增加的问题

el-table的父元素不能是flex：1的元素，需要在外面再加一层元素，并且父元素设置成absolute，祖父元素设置成relative即可。

<div class="table-wrap">
  <div class="table-content">
    <el-table :data="tableData">
      ...
    </el-table>
  </div>
</div>

.table-wrap {
  flex: 1;
  position: relative;
 
  /* 解决表格高度不能适应flex，不断增加的问题 */
  .table-content{
    position: absolute;
    width: 100%;
    height: 100%;
  }
}

参考

element-ui el-table在flex布局中，高度不断增加的问题