解決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