【element-ui】table多选框禁用 和 跨页多选

前言

代码示例

  • table多选框禁用
    html代码

     <el-table-column type="selection" width="55" :selectable="_selectable"></el-table-column>
    

    js

    _selectable(row, index) {
          
          
      if (row.status === 0) {
          
          
        return true
      } else {
          
          
        return false
      }
    }
    
  • table跨页多选
    首先,table添加属性::row-key="_getRowKey"
    下面的row.experienceCardSn 对应行数据的唯一值,一般是id

     _getRowKey(row) {
          
          
          return row.experienceCardSn
    }
    

    然后复选框添加属性:reserve-selection="true"

    <el-table-column
       type="selection"
       width="55"
       :reserve-selection="true"
     ></el-table-column>
    

猜你喜欢

转载自blog.csdn.net/s1441101265/article/details/108221394