<el-table-column fixed="left" type="selection" width="40px" :selectable="selecttableFunction"/> 1. 判断该多选框是否可以勾选 let selecttableFunction = (row, index) => { if (row.topStatus == 2) { return false //不可勾选 } else { return true //可勾选 } } 定义2个变量,一个ref...
如果你需要根据某些条件来禁用某些行的选择功能,可以使用 selectable 方法。例如,如果你想禁用 name 为"Tom" 的行的选择功能,可以这样做: vue <el-table-column type="selection" width="55" :selectable="isSelectable" ></el-table-column> <script> // ... const isSelectable = ...
01.gif 从图中可看出,已支持父子节点联动,最后勾选的行数据保存在multipleDevCreateList。 代码 <el-tableref="multipleDevCreateRef"v-model:selected-row-keys="multipleDevCreateList":data="tableData"style="width:100%"row-key="Path"default-expand-all@select="select"@select-all="selectAll"@selection-...
@selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" :selectable="selectAll"> </el-table-column> <!-- ... --> </el-table> </template> <script> export default { data() { return { data: [ // ... ], selectAll: false, selectedNodes: [], };...
@table-body-scroll="tableBodyScroll" fixedColumnsRoll inverse-current-row bigDataCheckbox @select-all="selectAll" show-summary use-virtual :row-height="rowHeight" > <template slot="empty"> 没有查询到符合条件的记录 </template> <pl-table-column type="selection" width="55" :selectable="selecta...
//是否显示边框 selectable: () => { //是否可以选中 return false; }, }, }, // table 表格的控制参数 total: { type: Number, default: 0, }, // 总数 list: { type: Array, default: [], // prop:表头绑定的地段,label:表头名称,align:每列数据展示形式(left, center, right),width:列宽...
scrollbar-always-on="true" :span-method="props.spanMethod || spanMethod" > <el-table-column width="55" v-if="selection" :selectable="(row) => setDisabled(row, isSelectChange)" type="selection" align="center" /> <template v-for="item in column" :key="item.prop"> <el-table-...
close [Component] [table] el-table树形全选或者勾选子级的父级时,已经给子级设置了selectable禁止当前行勾选,还是可以勾选禁用的子级 #17781 fix(components): [table] selectable conflict with globally actions 2588b5d pull-request-triage bot assigned webvs2 Aug 7, 2024 pull-request-triage bot comm...
此外,table组件还提供了selectable属性,它是一个函数,用于定义哪些行可以被选中。通过这个函数,你可以根据行的数据来决定行是否可以被选中,从而为用户提供更加定制化的选择体验。 这些功能大大增强了element-plus的table组件的灵活性和可用性,使得它能够适应各种复杂的业务需求。©...
<el-table-column fixed="left" type="selection" width="35px" :selectable="selecttableFunction"/> <el-table-column fixed="left" prop="tddId" label="序号" align="center" width="60px"/> <el-table-column fixed="left" prop="torder.toId" label="订单ID" align="center" width="60px"/...