element中表格组件的row-class-name和class-name属性的使用以及无效处理

1.这两个属性的使用,row-class-name用在el-table标签上,class-name用在el-table-column标签上。两个属性即可绑定类名也可绑定函数


       
      
      
     
    
        
    
    
    

2.绑定函数时就可以通过条件来决定哪行需要添加样式

function shower({row}){
    console.log(row);
    if(row.name==='阿尼亚'){
    return 'unconfirmeds'
    }else{
        return ''
    }
}

3.无效处理

样式没有效果的原因在于添加的样式不是全局样式,所以只需要将scoped去除或者自己定义一个全局样式

4.最终效果

element中表格组件的row-class-name和class-name属性的使用以及无效处理_第1张图片

你可能感兴趣的:(vue3,vue.js,elementui,javascript)