问题:elementUI el-table 设置了高度height 和合计行 show-summary 之后,合计行无法正常显示
一、问题分析
根据调试,发现该问题应该属于组件bug,表格主体中给 footer留的高度不够导致,重新设置即可。
二、解决方法
添加生命周期钩子 updated ,对 table 组件重新布局即可解决问题。具体如下:
<el-table
show-summary
border
ref="table"
:data="dataList"
:height="tableHeight"
:summary-method="getSummaries"
>
updated() {
this.$nextTick(() => {
this.$refs.table.doLayout()
})
}