elementui中el-table表格根据不同的值设置单元格背景色

elementui中 el-table根据不同的值设置单元格背景色

//1.需要在表头设置cell-class-name
//单元格的 className 的回调方法,也可以使用字符串为所有单元格设置一个固定的 className。
//Function({row, column, rowIndex, columnIndex})/String
<el-table
    :data="tableData"
    :cell-class-name="myclass"
    style="width: 100%"
>
/修改单元格样式的方法
myclass({
     
     row,column,rowIndex,columnIndex}){
    
    
   if(columnIndex ==0||columnIndex ==0){
    
    
          return 'setclass';
   }
},
    .setclass{
    
    
        background: rgba(26, 160, 148, 0.05);;
    }

猜你喜欢

转载自blog.csdn.net/weixin_45506717/article/details/124322173