elmentui表格偶数行改变背景颜色

开发过程中有的需求是偶数行展示与基数行不一样得背景颜色，如下图

解决方法

给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>