开发过程中有的需求是偶数行展示与基数行不一样得背景颜色,如下图
解决方法
给el-table加:row-class-name方法
<el-table :row-class-name="tableClass"></el-table>
在methods中加入方法
methods: {
//偶数加背景色
tableClass({ row, rowIndex }) {
if (rowIndex % 2 == 1) {
//奇数行,序号不能被2整除
return "even-row";
} else {
return "";
}
},
},
在style中用/deep/加强一下,防止样式重叠
<style>
/deep/.even-row{
background-color:lightgray;
}
</style>