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;
}
文章讲述了如何在Vue3中使用el-table组件时,处理fixed列后的合计行样式问题,包括调整底边颜色和文字对齐。涉及到`show-summary`属性、深度选择器和样式穿透技巧。



4633

被折叠的 条评论
为什么被折叠?



