解决elementUI 表格el-table设置高度之后合计行不显示

 

问题：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()
    })
}

 

以上，问题即可解决