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;
}