Datagrid组件包装了material-ui的Table组件,根据admin-on-rest文档,您可以通过headerOptions,rowOptions,bodyOptions传递material-ui Table选项(例如显示复选框的选项)。和选项属性。根据material-ui docs,选项是showCheckboxes并且是可选择的。我还发现在网上提到了其他一些,比如displayRowCheckboxes。
正如您在下面的代码中看到的那样,我已经疯狂地尝试了一切。没有任何效果。
<List {...props} sort={{ field: "id", order: "ASC" }}>
<Datagrid
headerOptions={{displaySelectAll: true}}
rowOptions={{selectable: true}}
bodyOptions={{showCheckboxes: true, displayRowCheckBox: true}}
options={{showCheckboxes: true, onRowSelection: ()=>{}}}>
<TextField label="FIRST NAME" source="first_name" />
<TextField label="LAST NANE" source="last_name" />
<EditButton />
</Datagrid>
</List>;
这让我得到一个无法检查的标题复选框,但没有行复选框:
答案 0 :(得分:4)
回答我自己的问题:
<Datagrid
headerOptions={{ adjustForCheckbox: true, displaySelectAll: true }}
bodyOptions={{ displayRowCheckbox: true }}
rowOptions={{ selectable: true }}
options={{ multiSelectable: true }}>
<TextField label="FIRST NAME" source="first_name" />
<TextField label="LAST BANE" source="last_name" />
<EditButton />
</Datagrid>