解决Element-ui el-table合计 show-summary不显示,样式混乱问题


有时候需要在table的底部有合计,这时候官方给的是在table里设置,show-summary就可以了,但是给table加了一个固定高度的话,就不显示了,打开控制台可以看到这个合计是存在的,那么需要做两步,合计即可出现

1. el-table中加上ref属性
<el-table :data="tableData" @selection-change="selectItem" v-loading="loading" class="table-center" :summary-method="getSum" ref="tableData" show-summary height="600">
1
2.在updated生命周期函数
updated() {
this.$nextTick(()=>{
this.$refs.tableData.doLayout();
})
},
 
加上下面样式显示合计

.el-table { overflow: visible !important; }
————————————————
版权声明:本文为CSDN博主「锋声」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xikaifeng/article/details/116270514


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM