element-ui表格合计不显示&被遮挡问题

step1:修改全局样式

.el-table{
overflow:visible !important;
}
.el
-card__body { padding: 20px 20px 50px 20px; }

step2:有分页器被遮挡时,可以直接给分页器设置margin-top

"margin-top:50px;">

special:如果介意无数据时表格底部与分页器间隔过大,可针对有无数据两种情况,给分页器设置不同margin-top

class="datas.length>0?'tabBoxs':'tabBox'">

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

 

你可能感兴趣的