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

element ui中 el-table根据不同的值设置单元格背景色
强烈推介IDEA2020.2破解激活,IntelliJ IDEA 注册码,2020.2 IDEA 激活码
<!--表头设置 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;
}

 

本文来源huayang183,由架构君转载发布,观点不代表Java架构师必看的立场,转载请标明来源出处:https://javajgs.com/archives/18608

发表评论