自定义element-ui的table字体颜色，及背景色

遇到一个需要根据报警级别来区分table数据的需求，一开始的想法是改变字体颜色，看了下ele文档，有个cell-style的属性，可以通过回调，返回样式。感觉so easy

那就来吧，直接上代码
界面部分

js部分

完成后的界面是这样婶的，感觉完全ok


后来一看字体不太清楚啊，加上颜色，盯了几秒，感觉近视又加深了啊，哈，那就换个思路，我就想试着让一行数据变背景色，只需要修改cellstyle方法中的if判断就可以了

 cellStyle(row,column,rowIndex,columnIndex){//根据报警级别显示颜色
        // console.log(row);
        // console.log(row.column);
        if(row.row.alarmLevel==="紧急告警"){
          return 'background:red'
        }else if(row.row.alarmLevel==="一般告警" ){
          return 'background:yellow'
        }
      }

修改后的界面是这样婶的，没错，你没看错就这么高调，我要被亮瞎了

行吧，为了不被打死，那就缩小范围，只高亮报警级别这一项，继续修改if

      cellStyle(row,column,rowIndex,columnIndex){//根据报警级别显示颜色
        // console.log(row);
        // console.log(row.column);
        if(row.column.label==="告警级别"&& row.row.alarmLevel==="紧急告警"){
          return 'background:red'
        }else if(row.column.label==="告警级别"&& row.row.alarmLevel==="一般告警" ){
          return 'background:yellow'
        }
      }

完事，是这样婶的


嗯，不愧是我写的页面，一如既往地亮眼，没有ui果然是件很蛋疼的事啊，至此功能最起码实现了
小弟刚学vue+ele，有问题的地方欢迎大佬们随时指正，告辞