有人知道如何防止删除键清空React Material-UI Grid上的单元格内容吗?
今天,当您单击某个单元格并点击删除时,它会删除其内容。我想阻止这种情况发生。
最佳答案
DataGrid
会将单元格数据设置为 empty string如果您在未处于编辑模式时点击Delete或Backspace。如果您不喜欢这种行为,可以通过在 capture phase 的父元素中附加 keydown
处理程序来禁用它。并调用stopPropagation():
<div
onKeyDownCapture={(e) => {
if (e.key === "Backspace" || e.key === "Delete") {
e.stopPropagation();
}
}}
style={{ height: 400, width: "100%" }}
>
<DataGrid rows={rows} columns={columns} />
</div>
现场演示
关于reactjs - Material-UI XGrid - 如何防止删除键删除单元格内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67067211/