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

<!--表头设置 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;
}
 

 

posted @ 2023-03-27 10:00  会转圈圈的哆瑞米  阅读(215)  评论(0编辑  收藏  举报