在 react-admin 中的单元格网格编辑中

【问题标题】：In cell grid editing in react-admin在 react-admin 中的单元格网格编辑中
【发布时间】：2019-07-30 01:38:21
【问题描述】：

有什么方法可以在数据网格组件中进行单元格编辑，而不是为每条记录打开一个编辑组件。我知道我们可以将编辑组件传递给 expand 道具，但这需要单击才能显示表单。我希望直接进行单元格编辑。

【问题讨论】：

【解决方案1】：

React-admin 默认不提供该功能。但是由于 react-admin 中的每个组件都是可替换的，因此没有什么可以阻止您这样做。

在 react-admin 存储库的 pull request 中提出了基于 react-data-grid 的概念验证实现，请参阅 https://github.com/marmelab/react-admin/pull/1923。

const columns = [
    { key: 'id', name: 'ID', resizable: true, locked: true, sortable: true },
    {
        key: 'name',
        name: 'Name',
        editable: true,
        resizable: true,
        sortable: true,
    },
];
const UserList = props => (
   <List {...props}>
       <EditableDatagrid columns={columns} pageSize={5} />
   </List>
)

【讨论】：