elementUI中设置el-table的height(计算后,非固定高度)后合计行不显示

设置table的计算高度(如下)后,

<el-table :data="tableList" show-summary :summary-method="getSummaries" v-loading="listLoading" ref="multipleTable" height="calc(100vh - 430px)">
//或者
<el-table :data="tableList" show-summary :summary-method="getSummaries" v-loading="listLoading" ref="multipleTable" :height="tableHeight">

合计行和表格主体部分冲突,应该属于组件bug,表格主体的高度设置不对

b562af67-0ff0-44e8-b3ce-e9e303bcef7f

 解决办法:

在created、mounted同级添加updated钩子,对 Table 进行重新布局,即可解决

  updated() {
    // console.log('组件已更新');
    this.$nextTick(() => {
      this.$refs.multipleTable.doLayout()
    })
  },

67aef02f-8e7a-45e1-bd7d-25dfa5e47bcd

 

6ab08e1f-4ee3-4c5e-b21a-017ba711cb86

 

posted @ 2026-02-02 08:14  何以平天下  阅读(0)  评论(0)    收藏  举报