Element-ui中table使用row-class-name无效解决办法

.tasktable .aldelete-row{
  color: #C1C1C1!important;
  cursor: not-allowed;
} 
1 css此样式为全局样式
2 可写到全局css中 也可把本页面中的scope穿透去掉
3 去掉stripe属性(本人未去掉此属性样式仍然生效)
  
                  
                    
                  
                
                
   tableRowClassName({row, rowIndex}) {
      console.log(row.deleted_at);
        if (row.deleted_at!=''&& row.deleted_at!=null) {
          return 'aldelete-row';
        }
        return '';
      },

你可能感兴趣的:(vue.js,javascript,前端)