Material Ui DataGrid IsRowSelectable 在 React ts

问题描述

我正在使用 react TSX，我有一个启用了复选框选择的 Datagrid。我想禁用某些行的选择。我开始知道 isRowSelectable 属性用于材质 UI 数据网格中。

参考： https://material-ui.com/components/data-grid/selection/#disable-selection-on-certain-rows

https://codesandbox.io/s/dxgt5?file=/demo.js

但是当我在下面的代码中使用它时

<DataGrid autopageSize pagination
    rows={Records}
    columns={columns}
    isRowSelectable = {(params:any) =>params.Records.Status = "success"}
    checkBoxSelection />

它给了我以下错误

属性 'isRowSelectable' 在类型 'IntrinsicAttributes 上不存在 & 选择

详细错误：

输入'{ autopageSize: true;分页：真实；行：从不[]；列： GridColDef[]; isRowSelectable: (params: any) => boolean; 复选框选择：真； onSelectionModelChange: (e: GridSelectionModelChangeParams) => 无效； }' 不可分配给类型 'IntrinsicAttributes & Pick & { ...; } & RefAttributes<...>'。财产 'isRowSelectable' 不存在于类型 'IntrinsicAttributes & Pick

我搜索了解决方案，但没有找到。 有人可以帮我吗？

解决方法

可能您正在使用旧版本的数据网格。此功能已于上周推出。请更新您的数据网格包

首先使用以下命令卸载数据网格

npm uninstall @material-ui/data-grid

然后使用下面的命令安装它

npm install @material-ui/data-grid

参考：https://github.com/mui-org/material-ui-x/pull/1659