element table某些行背景颜色设置

<el-table
        :data="tableData"
        v-loading="loading"
        :row-class-name="tableRowClassName"
        ref="multipleTable"
        class="bgf"
        border
        header-row-class-name="lm-header-row"
        cell-class-name="lm-cell"
        style="width: 100%;"
      >


:row-class-name是设置的关键 table我就不写全了,比较麻烦
tableRowClassName({row}){
      console.log(row.reply_status);
      if(row.reply_status === 2){
        return 'warning-row';
      }
    },

row是获取到某一行的数据 reply_status是我列表数据中的一个字段用来判断哪些行需要颜色改变

改变css样式
/deep/.el-table .warning-row {
    background: rgba(0,255,255, 0.5);
  }

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值