【ElementUI】 table表格尾部的合计行,固定表头却不显示合计行
生活随笔
收集整理的这篇文章主要介绍了
【ElementUI】 table表格尾部的合计行,固定表头却不显示合计行
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
背景
按照官网要求
不固定表头,添加show-summary就可以显示合计行
问题
但是给table加了一个固定高度之后,就不显示了,
打开控制台可以看到这个合计是存在的
那么需要做两步,合计即可出现
解决:
在el-table标签上加 ref="table"
在vue的生命周期updated中加上以下代码:
this.$nextTick(() => {this.$refs['table'].doLayout(); })总结
以上是生活随笔为你收集整理的【ElementUI】 table表格尾部的合计行,固定表头却不显示合计行的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: 【Laravel】There is no
- 下一篇: 【GitLab】Gitlab用户在组中有