element-ui table中使用type=‘selection‘实现多选、禁用的问题总结

问题1. 在表格中使用type='selection'实现多选,但表头中用label无法添加全选字样

解决方法:使用css伪类元素添加

.el-table__header .has-gutter tr .el-table-column--selection .cell .el-checkbox:before(或after) {undefined

  content: "全选  ";

}

问题2: 在表格中使用type='selection'实现多选,需要禁用某一行

解决方法:

 checkboxSelect (row, rowIndex) {undefined
        if (rowIndex == 0) {undefined
          return false // 禁用
        }else{undefined
          return true // 不禁用
        }
      }

你可能感兴趣的:(element-ui,vue,elementui)