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

.tasktable .aldelete-row{
  color: #C1C1C1!important;
  cursor: not-allowed;
} 
1 css此样式为全局样式
2 可写到全局css中 也可把本页面中的scope穿透去掉
3 去掉stripe属性（本人未去掉此属性样式仍然生效）

  <el-table :data="taskTableData.list" stripe border v-loading="tableListLoading"
                  element-loading-text="正在查询中..." class="tasktable"
                  :row-class-name="tableRowClassName"
                  >
                  <el-table-column prop="desc" label="任务名称" class="rwmc" width="250">
                    <template slot-scope="scope">
                      <div class="color_1B4B84">
                        {{scope.row.name}}
                      </div>
                    </template>
                  </el-table-column>
                
                </el-table>

   tableRowClassName({row, rowIndex}) {
      console.log(row.deleted_at);
        if (row.deleted_at!=''&& row.deleted_at!=null) {
          return 'aldelete-row';
        }
        return '';
      },