在Element UI的el-table组件中,type="selection"用于添加多选框列,允许用户选择多行数据。要禁用某些行的勾选功能,可以通过设置el-table-column的:selectable属性来实现。以下是对这个问题的详细解答: 1. 理解el-table组件的type属性 el-table是Element UI提供的一个表格组件,其中type属性通常用于指定列的类型。对于...
toggleRowSelection方法可以通过代码控制复选框的选择,第二个参数是true就是选择状态,不加第二个参数就是切换选择状态
五、el-table表格selection设置复选框禁止选中某些行 当表格设置 selection 开启复选框可选时,您可能需要禁用一些 业务条件成立 的行数据。例如,禁用表格中所有 地址 为 秦皇岛市海港区居民 的行数据,复选框无法选中。实现方法: <el-table-column type="selection":selectable="selectable"></el-table-column>/**...
checkIds:[], multipleSelection:[], otherHeight: 80, } }, watch: { columnsList: function() { this.refresh = false this.$nextTick(() => { this.refresh = true }) }, tableData: function(o) { if (o.length) { this.$nextTick(() => { this.uTableRowHeight = document.querySelecto...
'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...
: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%"> <...
selection?: boolean /** * 是否显示序号 */ index?: boolean /** * 序号字段名称 */ indexLabel?: string /** * 序号字段宽度 */ indexWidth?: number /** * 是否固定序号 */ indexFixed?: boolean /** * 对齐方式 */ align: 'left' | 'center' | 'right' /** * 是否显示操作栏 */ men...
checkboxSelect (row, rowIndex) { if (rowIndex == 0) { return false // 禁用 }else{ return true // 不禁用 } }
: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; } }, 以上为个人经验,希望能给大家一个参考,也希望大家多多支持。