当前位置:   article > 正文

自定义element-ui的table字体颜色,及背景色_el-table表格什么配色很好看

el-table表格什么配色很好看
<el-table :data="tableData" tooltip-effect="dark"  @selection-change="handleSelectionChange"  :cell-style="cellStyle" border fit highlight-current-row>
      <el-table-column  type="selection" width="55" :selectable="isDisabled"></el-table-column>
  • 1
  • 2
 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'
        }
      }

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/810674
推荐阅读