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

前言

• table多选框禁用
  https://www.jb51.net/article/170515.htm
• table跨页多选
  https://www.cnblogs.com/steamed-twisted-roll/p/9629681.html

代码示例

• 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>