如何向admin-on-rest数据网格组件添加复选框?

时间:2017-07-24 20:37:44

标签: material-ui admin-on-rest

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>;

这让我得到一个无法检查的标题复选框,但没有行复选框:

enter image description here

1 个答案:

答案 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>