element ui table表格合計行不顯示

一，問題描述

頁面初次加載時，合計行不顯示（顯示不完善），改變窗口大小后，合計行顯示正常

二，解決方法

數據變化，觸發組件的updated生命周期，對 Table 進行重新布局

el-table 中加上 ref 屬性

<el-table
　　ref="table-01"
　　show-summary
　　border>
</el-table>

在updated生命周期函數，調用 table 的 doLayout()

updated () {
　　this.$nextTick(() => {
　　　　this.$refs['table-01'].doLayout();
　　})
},

參考：https://zhuanlan.zhihu.com/p/362978496