iview 的表格斑马纹双行的背景颜色调整

2023-01-09 532点热度 0人点赞 0条评论

使用iview的表格的时候,可以设置『斑马纹』,表格会间隔显示不同颜色,用于区分不同行数据,不过有个需求,就是要自定义双行的背景色。

<Table class="my-table" stripe :columns="columns1" :data="data1"></Table>

查看文档并没有相关的设置,一番研究,可以给表格自定义class,设置双行的背景颜色,CSS代码如下:

/*双数行颜色深一点*/
.my-table .ivu-table-stripe .ivu-table-body tr:nth-child(2n) td, .my-table .ivu-table-stripe .ivu-table-fixed-body tr:nth-child(2n) td {
    background: #ECECEC;
}

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论