有时候需要在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