element-ui中row-class-name的用法

话不多说,直接上代码

//根据数值大小换每条数据的背景颜色
tableRowClassName: function(row) {
     
  // console.log(row.row.zyl)
  if (row.row.zyl >= 80) {
     
    return 'warm-row';
  }
   return '';
},

想多做变化就多写点if,
注意:上面会返回两个参数,一个row,用来写判断就行。一个rowIndex,用来写行数。由于我在这用不到行数就不写了

.el-table>>>.warm-row {
     
  background: #F56C6C;
  color: white;
}

关于>>>可以直接跳转这里

你可能感兴趣的:(element-ui中row-class-name的用法)