欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

【ElementUI】 table表格尾部的合计行,固定表头却不显示合计行

程序员文章站 2022-06-07 22:46:07
...

背景

按照官网要求
不固定表头,添加show-summary就可以显示合计行

问题

但是给table加了一个固定高度之后,就不显示了,
打开控制台可以看到这个合计是存在的
【ElementUI】 table表格尾部的合计行,固定表头却不显示合计行

那么需要做两步,合计即可出现

解决:

在el-table标签上加 ref="table"

在vue的生命周期updated中加上以下代码:

this.$nextTick(() => {
   this.$refs['table'].doLayout();
})