elementui的table组件禁用复选框

问题: 遇到了一个需求,在使用 elementui 的 table 组件时,需要将表格某些项之前的复选框给禁用掉。

解决方式: 如下图:
参数
el-table-column 标签有 selectable 属性,这个属性的类型是一个函数,这个函数的返回值就决定了这个该复选框能否被选择,这个函数有两个参数,一个就是当前行的数据,一个就是当前行的顺序。
html 代码如下:

<el-table-column type="selection" align="center" :selectable="canSelect" />

js代码如下:

canSelect(row,index){
	// row 是当前行的数据,index是当前行是第几个数据
	// 这里写判断条件
	return true   // return true就代表可选,return false就不可选,为禁用状态
}

效果如下:
效果
第一项为可选,第二项为不可选

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值