外层容器不设置高度(换句话就是高度设置auto)
在el-table标签设置max-height:根据显示数据条数设置。eg:一条数据(tr)高度30px,10条就乘以10
<div class="test-table">
<el-table
:data="tableList"
:max-height="tableHeight(tableList)"
>
<el-table-column></el-table-column>
</el-table>
</div>
computed: {
tableHeight() {
return val => {
let height = 0
if (val) {
let count = val.length > 10 ? 10 : val.length
height = (count + 1) * 50
}
return height
}
}
}