Element-UI的el-table表单增加show-summary表尾合计后,表单的正文会出现计算高度错误,不会减除合计行的高度,所以需要自定义下表单正文高度。
tips#每次获取表单数据后执行
//表单总高度
let tableHeight = document.getElementsByClassName('el-table')[0].offsetHeight
//表头高度
let headerHeight = document.getElementsByClassName('el-table__header-wrapper')[0].offsetHeight
//要等表单渲染完成后才能拿到合计行的高度
this.$nextTick(()=>{
//合计行高度
let footerHeight = document.getElementsByClassName('el-table__footer-wrapper')[0].offsetHeight
//设置表单正文高度
document.getElementsByClassName('el-table__body-wrapper')[0].style.height = tableHeight - headerHeight - footerHeight + 'px'
})