element-ui表格合計不顯示&被遮擋問題

step1:修改全局樣式

.el-table{
overflow:visible !important;
}

.el-card__body {
padding: 20px 20px 50px 20px;
}

step2:有分頁器被遮擋時，可以直接給分頁器設置margin-top

<el-pagination style="margin-top:50px;"></el-pagination>

special:如果介意無數據時表格底部與分頁器間隔過大，可針對有無數據兩種情況，給分頁器設置不同margin-top

<el-pagination :class="datas.length>0?'tabBoxs':'tabBox'"></el-pagination>

.tabBoxs { margin-top: 50px; }
.tabBox { margin-top: 5px; }