Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/unity3d/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 材质UI XGrid-如何防止删除键删除单元格内容_Reactjs_Datatable_Material Ui - Fatal编程技术网

Reactjs 材质UI XGrid-如何防止删除键删除单元格内容

Reactjs 材质UI XGrid-如何防止删除键删除单元格内容,reactjs,datatable,material-ui,Reactjs,Datatable,Material Ui,有人知道如何防止delete键清空react Material UI网格上的单元格内容吗 今天,当您单击一个单元格并点击Delete时,它将删除其内容。我想阻止这种情况发生。DataGrid如果在不处于编辑模式时单击Delete或Backspace,则会将单元格数据设置为。如果您不喜欢这种行为,可以通过在中的父元素中附加keydown处理程序来禁用它,并调用stopPropagation(): { 如果(e.key==“Backspace”| e.key==“Delete”){ e、 停止传播(

有人知道如何防止delete键清空react Material UI网格上的单元格内容吗


今天,当您单击一个单元格并点击Delete时,它将删除其内容。我想阻止这种情况发生。

DataGrid
如果在不处于编辑模式时单击Delete或Backspace,则会将单元格数据设置为。如果您不喜欢这种行为,可以通过在中的父元素中附加
keydown
处理程序来禁用它,并调用
stopPropagation()

{
如果(e.key==“Backspace”| e.key==“Delete”){
e、 停止传播();
}
}}
样式={{高度:400,宽度:“100%”}
>
现场演示

太棒了,我尝试了同样的方法,但使用了onKeyDown而不是onKeyDownCapture,但没有成功!非常感谢@HelioBentes我忘了澄清它应该也适用于
XGrid
,因为
DataGrid
XGrid
共享相同的内部组件,但是
DataGrid
对免费层用户禁用了一些功能。