el-table根据不同的值设置单元格背景色

发布时间 2023-03-27 10:07:42作者: 会转圈圈的哆瑞米
<!--表头设置 cell-class-name-->
<el-table
    v-loading="loading"
    :data="lists"
    border
    :cell-class-name="addClass"
    style="width: 100%"
>
 
//修改单元格样式的方法
addClass({row,column,rowIndex,columnIndex}){
   if(columnIndex === 5){
      if(row.goodsname == '测试'){
          return 'cell-grey';
      }
   }
},
 
<!--样式-->
.cell-grey{
    background: #f2f2f2;
}