将模式弹出窗口添加到蚂蚁设计表中的单元格中

Question

我正试图将模态添加到ant设计表中的列中，所以当我单击单元格中的值时，会弹出一个模态。但当我尝试添加onCell属性时，似乎无法使其工作。我应该为onClick函数写些什么？我试过这个。showModal；但它不起作用。

以下是设置列属性的代码：

for (let i = 0; i < 1; i++) {
columns.push({
title: "2021" + (i + 1 + 5) + "F",
dataIndex: "a" + (i + 2),
align: "right",
render: (text) => <a href="#">{text}</a>,
onCell: (record, rowIndex) => {
return {
onClick: () => {
//insert show modal function
}
};
}
});
}

这是一个正在工作的沙盒：https://codesandbox.io/s/dynamic-settings-antd4167-forked-0kcu0

Answer 1

您在columns中使用了onCell吗？我试过了，它成功了

const tableColumns = columns.map((item) => ({
...item,
ellipsis: state.ellipsis,
onCell: (data, index) => {
return {
onClick: (event) => {
console.log("click");
this.showModal()
}, // click row
};
}
}));