如何禁用 el-table-column 的 selection 功能 要禁用 el-table-column 的selection 功能,即禁用表格行的多选框,可以通过设置 selectable 属性来实现。selectable 是一个方法,它接受当前行的数据和索引作为参数,并返回一个布尔值,用于决定该行的多选框是否可以被勾选。 如果selectable 方法返回 false,则该行的多选框将...
<template> <div> <el-table :data="tableData"> <!-- type必须设置为selection --> <el-table-column type="selection" :selectable="selectable" > </el-table-column> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名"...
el-table 内添加 一个el-table-column标签 类型设置为selection显示勾选框 type="selection" 添加属性:selectable 并添加自定义函数selectable来进行根据条件禁用行的勾选 <el-table-column type="selection" :selectable="selectable">el-table-column> selectable(row,index) { return !row.userId;//判断选中的行...
el-table提供了checkbox多选的功能 但是有的时候,我们可能根据业务的诉求,对预列表中的数据部分不可选择,这个时候需要在Table-column 上添加 type="selectable“ 这个属性 具体用法如下: <el-table-column:selectable="selectable"type="selection"align="center"label="序号"width="140"/> selectable(row, index) {...
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!==1){returntrue...
开发中表格数据的多选框,要根据状态禁用的,可以通过修改selectable属性,设置是否禁用。 ... <el-table-column type="selection" :selectable="changeSelectable" width="55" disabled /> ... methods: { changeSelectable(row, index) { // return false:禁用 true: 可选 return...
:reserve-selection="true" align="center"> </el-table-column>复制 js代码 //判断是否禁用.checkStatus(row, index){if(this.arr.some(el=>{returnel===row.id})){returnfalse; }else{returntrue; } },复制 但是嘞 我的数据是一个id数组
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;}},...
element table 复选框列按条件禁止 <el-table-column type="selection" align="center" v-bind:selectable="chkstu"></el-table-column> 1. chkstu: function (row, index) { return row.paned == 0 ? true : false; } 1. 2. 3. 根据每行的paned值来禁止或允许复选框选择...
Keys"highlight-current-row:height="430"class="tableAll"ref="multipleTable":header-cell-style="{ background: '#F4F4F4' }":data="tableData"style="width: 100%;margin-bottom: 20px;"><el-table-columnalign="center"type="selection":reserve-selection="true"width="80"/><el-table-columnprop...