将mui-datatable与rest-admin集成

Question

如何将mui-datatable与rest-admin集成？ 在列表视图中需要以下选项：

• 移动列的顺序
• 显示/隐藏列
• 更改要显示的行数
• 打印表格预览

Mui-datatable具有这些功能。根据静态管理文档，我们可以使用自定义Datagrid。谁能解释怎么做？

Answer 1

假设您要制作自定义数据网格组件“ MyIterator”。这个组件只需要使用两个道具，这些道具将“自动”提供给“ List”组件的子组件。一个道具是ids，另一个是data。

ids道具是当前可显示数据项的ID数组。 data是一个对象，其中包含所有可显示项目的数据。

像这样的事情应该成为制作自定义数据网格的一部分-

const MyIterator = ({ids, data}) => ids.map(id=><div key={id}><span>Label</span><span>{data[id].label}</span></div>)

上面的示例假定data-item对象具有'label'属性。

这就是创建自定义数据网格的方式。