某一行中的某个值达到特定条件的时候,字体会变为红
效果图
在这里插入图片描述
1.首先,el-table的标签里要加点东西,就是这个 :row-class-name="tableRowClassName"
<el-table :data="gridData" :row-class-name="tableRowClassName">
2.在method方法区里面实现tableRowClassName这个函数啦
tableRowClassName({ row, rowIndex }) {
if (row.compareDifferentNum === 0) {
return 'success-row'
} else if (row.compareDifferentNum > 0) {
return 'warning-row'
}
return ''
},
3.在style里实现样式
<style>
.el-table .success-row {
color: #34c934 !important;
}
.el-table .warning-row {
color: red !important;
}
</style>