使用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; }
文章评论