element-ui table自定义斑马条纹颜色

分类: 文章 • 2024-01-11 18:29:04

1.el-table  加   :row-class-name="xxxTableRowClassName"
2.methods 中加方法

xxxTableRowClassName({row, rowIndex}) {
  if (rowIndex%2==0) {
    return 'statistics-warning-row';
  } else {
    return '';
  }
},

3.css中加样式

.el-table__row.statistics-warning-row {
  background: #F7FFFE;
}

element-ui table自定义斑马条纹颜色