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%;
}
}
参考