废话不多说,直接上代码(我这边是用vue3+antv.3.2)
<a-table
style="margin: 10px 0"
bordered
:pagination="false"
:data-source="vis_Visa.data"//请忽略
:columns="vis_Visa.VisaColumns"//请忽略
:row-key="record => record.personInfoId"//多选必传key
:row-selection="VisaSelection"//这个是重点
/ >
对应上边的VisaSelection
const VisaSelection = reactive({
type: 'checkbox',
columnTitle: '是否办理',
columnWidth: '80px',
onChange: selectedRowKeys => {
//这里是处理选中的数据
},
getCheckboxProps: record => {
return {
disabled: !record.canChoose
};
}
});
这里禁用主要用到了getCheckboxProps这个选项,在官方给出的文档里没有明确讲怎么禁用某一行
getCheckboxProps | 选择框的默认属性配置 | Function(record) |
这是官方给出的文档,自己要实现此需求,才来社区查了查,发现大家给的几个方法对我来讲都没有实现,把我这个方法分享给大家,希望能对正在发愁的你有所帮助