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