100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > el-table高度根据内容自适应且设置最大高度

el-table高度根据内容自适应且设置最大高度

时间:2021-11-29 09:02:22

相关推荐

el-table高度根据内容自适应且设置最大高度

外层容器不设置高度(换句话就是高度设置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 = 0if (val) {let count = val.length > 10 ? 10 : val.lengthheight = (count + 1) * 50}return height}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。