<el-table-columntype="selection":selectable='checkboxSelect'width="120"></el-table-column> checkboxSelect (row, rowIndex) { if (rowIndex == 0) { return false // 禁用 }else{ return true // 不禁用 } }
toggleRowSelection方法可以通过代码控制复选框的选择,第二个参数是true就是选择状态,不加第二个参数就是切换选择状态
五、el-table表格selection设置复选框禁止选中某些行 当表格设置 selection 开启复选框可选时,您可能需要禁用一些 业务条件成立 的行数据。例如,禁用表格中所有 地址 为 秦皇岛市海港区居民 的行数据,复选框无法选中。实现方法: <el-table-column type="selection":selectable="selectable"></el-table-column>/**...
Element UI table参数中的selectable的使用 Element UI table参数中的selectable的使用中遇到的坑:页面: <el-table-column :selectable='selectable' type="selection" :reserve-selection="true"> </el-table-column> 网上搜了说这样: selectable(row,index) { if(row.id==="10001"){ return fal...
multipleSelection:[], otherHeight: 80, } }, watch: { columnsList: function() { this.refresh = false this.$nextTick(() => { this.refresh = true }) }, tableData: function(o) { if (o.length) { this.$nextTick(() => {
:data="tableData" border style="width: 100%" :header-cell-style="headFirst" ref="multipleTable" row-key="ID" :tree-props="{children: 'children', hasChildren: 'hasChildren'}" @selection-change="handleSelectionChange"> <el-table-column align="center" label="序号" min-width="30%"> <...
'center'" :reserve-selection="item.type == 'selection'" v-if="item.type == 'selection' || item.type == 'index'" > </el-table-column> <!-- expand 支持 tsx 语法 && 作用域插槽 (tsx > slot) --> <el-table-column v-bind="item" :align="item.align ?? 'center'" v-if="item...
:reserve-selection="true" align="center"> </el-table-column> js代码 //判断是否禁用 checkStatus(row, index){ if(this.arr.some(el=>{return el===row.id})){ return false; }else{ return true; } }, 以上为个人经验,希望能给大家一个参考,也希望大家多多支持。
<el-table-column type="selection" v-if="choice" width="50" :align="headerAlign" :key="Math.random()"> </el-table-column> <!-- 序号 --> <el-table-column label="序号" v-if="serialNumber" width="50" type="index" :align="headerAlign":key="Math.random()"> ...