el-table 合并单元格后样式修改

llllllwllll

已于 2024-09-18 10:27:16 修改

阅读量101

点赞数 1

文章标签： vue.js elementui javascript

于 2024-09-18 10:14:20 首次发布

本文链接：https://blog.csdn.net/weixin_59070023/article/details/142326108

版权

::v-deep .el-table {
    // 单数行
    .el-table__row:nth-child(4n-3),.el-table__row:nth-child(4n-2) {
        background: #fff;
    }
    // 双数行
    .el-table__row:nth-child(4n-1),.el-table__row:nth-child(4n) {
        background: #ebf4ff;
    }
}

单元格合并又想有斑马纹可参考以上代码，上方代码是合并2行后的结果，如果是合并3行4行也可以查找规律然后直接修改样式。