Element UI table 选择框禁止选中
Element UI table 过滤已处理数据为默认不选中
Table-column Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
selectable | 仅对 type=selection 的列有效,类型为 Function,Function 的返回值用来决定这一行的 CheckBox 是否可以勾选 | Function(row, index) | — | — |
Step1
手动添加一个 el-table-column
,设 type
属性为 selection
即可;
然后设置 selectable 属性来决定该行数据是否选中。
<el-table-column type="selection" width="55" :selectable="checkSelectable"></el-table-column>
Step2
设置禁止选中的条件
checkSelectable(row, index) {
return row.refundStatus == 0
},
若返回为 true, 则可以选中,否则禁止选中。