在antd 组件table中需要复选框,在业务中有时候我们需要将某些行的记录进行禁选操作。
<a-table
:columns="columns"
:loading="tableLoading"
:dataSource="dataList"
:row-selection="rowSelection"
@change="handleTableChange"
rowKey="id"
/>
rowSelection() {
return {
onChange: this.selectedRowsChange,
selectedRowKeys: this.checkedList.map((item) => item.id),
getCheckboxProps: (record) => {
return {
props: {
disabled: record.disabled // 禁选项
}
};
}
};
},
selectedRowsChange(selectedRowKeys, selectedRows) {
this.checkedList = selectedRows;
},
主要需要设置rowSelection的getCheckboxProps函数,即可达到效果。