可以通过监听EditableProTable组件的onRow事件和getColumnSearchCheckboxProps方法来获取特定行的复选框状态。具体实现代码如下:
import { EditableProTable } from '@ant-design/pro-table';
import React, { useState } from 'react';
const MyTable = () => {
const [selectedRowsKeys, setSelectedRowsKeys] = useState([]);
const columns = [
{
title: 'Name',
dataIndex: 'name',
copyable: true,
fieldProps: {
minLength: 5,
},
},
{
title: 'Age',
dataIndex: 'age',
valueType: 'digit',
},
{
title: 'Address',
dataIndex: 'address',
},
{
title: 'Action',
valueType: 'option',
render: (text, record) => [
Edit,
Delete,
],
},
];
const dataSource = [
{
key: '1',
name: 'John Brown',
age: 32,
address: 'New York No. 1 Lake Park',
},
{
key: '2',
name: 'Jim Green',
age: 42,
address: 'London No. 1 Lake Park',
},
{
key: '3',
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',
},
];
const rowSelection = {
selectedRowKeys: selectedRowsKeys,
onChange: (keys) => {
setSelectedRowsKeys(keys);
},
};
// get checkbox props
const getCheckboxProps = (record) => {
return {
disabled: record.disabled,
checked: selectedRowsKeys.includes(record.key),
// add this prop to provide a way to get checkbox status
onCheckboxChange: (checked) => {
console.log(`got checkbox change on ${record.key}, checked: ${checked}`);
},
};
};
return (