<el-table
:data="logData"
height="360"
border
style="width: 100%"
:row-style="tableRowClassName"
>
<el-table-column
prop="level"
label="告警等级"
width="140">
</el-table-column>
<el-table-column
prop="message"
label="告警内容"
width="580">
</el-table-column>
</el-table>
2、row-style绑定的函数,返回样式是什么,对应的行就是什么样式
tableRowClassName({row, rowIndex}) {
//拿到每行的数据row
console.log(row)
if(row.level==='WARNING'){
return {
color:'#925515'
}
}else {
return {
color:'#f60808'
}
}
}
3、根据个人的判断条件,选择对应行的样式