el-table多级表头（elment-plus)，表尾合计，出现表格数据少时，最后一条数据的底边是透明的问题，需要用vue3的样式穿透，设置最后一条的底边颜色，和表尾合并那行的文字居中对齐

el-table设置fixed固定列后，对表底合计行进行样式改变不生效问题（mix-blend-mode；z-index）-CSDN博客

写el-table的多级表头，就是在外面套一个el-table-column标签，不写prop,只写label，然后在这个标签里，继续写el-table-column标签，这个标签要写prop

通过写 show-summary这个属性，来让表格自动在底部出现一行合计的行，对每一列的数据进行加法运算得到一个总的结果

 

当前出现了问题： 

当表格的数据很少时，只有7条时，不会占满表格，这时最后一条数据的底边会出现透明

 此时，要使用vue3的样式穿透，改变最后一条的底边

// 解决表格数据少时，最后一行数据的底线为透明
:deep(.el-table__body tbody .el-table__row:last-child td){
    border-bottom-color:#ebeef5!important;
    
}

 最后一条的底边有颜色了

---

最后合计这行的文字要居中对齐

// 表格尾部的合计这行文字对齐
:deep(.el-table__footer-wrapper .el-table__footer tfoot td ){
    text-align:center;
}