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

話不多說，直接上程式碼

<el-table
  :data="tabledata"
  border
  size="medium"
  :row-class-name="tableRowClassName"
  :default-sort = "{prop: 'zyl', order: 'descending'}"
  height="689"
  style="width: 100%">

//根據數值大小換每條資料的背景顏色
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;
}

關於>>>可以直接跳轉這裡