Reactjs 材质UI XGrid-如何防止删除键删除单元格内容
有人知道如何防止delete键清空react Material UI网格上的单元格内容吗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时,它将删除其内容。我想阻止这种情况发生。
DataGrid
如果在不处于编辑模式时单击Delete或Backspace,则会将单元格数据设置为。如果您不喜欢这种行为,可以通过在中的父元素中附加keydown
处理程序来禁用它,并调用stopPropagation()
:
{
如果(e.key==“Backspace”| e.key==“Delete”){
e、 停止传播();
}
}}
样式={{高度:400,宽度:“100%”}
>
现场演示
太棒了,我尝试了同样的方法,但使用了onKeyDown而不是onKeyDownCapture,但没有成功!非常感谢@HelioBentes我忘了澄清它应该也适用于
XGrid
,因为DataGrid
和XGrid
共享相同的内部组件,但是DataGrid
对免费层用户禁用了一些功能。