1.status=‘CheckOk' 时 勾选框默认选中但不可修改勾选状态 2.status=‘CheckFail' 时 勾选框禁用 3.status=‘' 时 勾选框可以勾选 实现思路 采用el-table表格自带的勾选框type=‘selection’ 实现 实现1.status=‘CheckOk' 时 勾选框默认选中但不可修改勾选状态 首先要实现默认选中 toggleRowSelection: ...
1. 确定需要禁用的行 首先,需要确定哪些行的多选框需要被禁用。这通常是通过数据的某个属性来判断的。例如,可以在数据对象中添加一个disabled属性或类似的标识。 2. 为指定行的多选框添加禁用属性 在<el-table-column>中使用selectable属性,该属性接受一个方法。这个方法会对每一行的数据进行判断,并返回true...
在Element UI的Table组件中,如果你想要某些行的多选框不可用,可以使用selectable属性。这个属性接受一个方法,该方法会对每一行的数据进行判断,返回false则该行的多选框会被禁用。 以下是一个简单的示例代码: <template> <el-table :data="tableData"style="width: 100%"@selection-change="handleSelectionChange" >...
//1、获取列表数据,存入tableData this.tableData = res.data.data ? res.data.data : []; //2、筛选出remark为“1”的数据,该数据勾选状态需要设置为勾选且禁用 if(this.tableData.length > 0){ let checkedData = this.tableData.filter((item) => { return item.remark === '1'; }); let ...
<el-table-column label="编号" align="center" prop="studentId" /> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 1.指定行禁用: //复选框禁用 selectable(row,rowIndex) { //索引是从0开始,条件1是指只有第2行数据不被禁用 ...
处理elementUI中表格多选框禁用 在el-table-column type 类型为 selection 组件中,添加 :selectable='方法名' <el-table:data="tableData" v-loading="loading" max-height="570" stripe :header-cell-@selection-change="handleSelectionLeftChange"><el-table-columntype="selection" width="50" :selectable='...
参考element的Table表格 image.png 实现代码 <el-table-column type="selection"width="55"align="center":selectable="checkboxs"/>//多选框禁用checkboxs(row){let that=this;//需要禁用行的idvarvIds=that.id;if(vIds.some((el)=>{returnel==row.id;})){returnfalse;}else{returntrue;}},...
1、默认禁用效果 禁用用selectable控制 <el-table-column type="selection"width="55":reserve-selection="true":selectable="selectEnable"/> table的list数据需要有个字段标识是否禁用 例如canChoose selectEnable(row,rowIndex){// 复选框可选情况if(!row.canChoose){// 禁用returnfalse;}else{returntrue;}},...
<el-table-column type="selection" :selectable='selectEnable' width="55"> </el-table-column> <el-table-column prop="name" label="姓名" width="120"> </el-table-column> </el-table> 禁用多选框函数: //把 status 为 1 的项禁用selectEnable(row,rowIndex){console.log(row);if(row.status...