vue3 ElementPlus el

vue3 ElementPlus el

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

使用代码教程:

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

回调函数使用:

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

修改效果图: