修改ElementPlus中el-table表格某一行的背景色,需要用到的方法是:cell-style

使用代码教程:

  <el-table
        :cell-style="cellStyle"
        border
        :data="dataList"
      >
     <!-- cell-style修改table行样式,cellStyler是写的回调函数,在回调函数里面修改表某一行的样式 -->
      </el-table>

回调函数使用:

// 根据data返回的每一行的数据判断,再修改这一行的样式
const cellStyle = (data) => {
  if (data.row.provinceName == "数据汇总") {
    return {
      color: "#000",
      textAlign: "center",
      background: "#b1b3b8",
      fontWeight: 700
    };
  }
};

修改效果图: