Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/linux/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Material ui 如何在RESTDataGrid组件上向管理员添加复选框?_Material Ui_Admin On Rest - Fatal编程技术网

Material ui 如何在RESTDataGrid组件上向管理员添加复选框?

Material ui 如何在RESTDataGrid组件上向管理员添加复选框?,material-ui,admin-on-rest,Material Ui,Admin On Rest,Datagrid组件包装材质ui的表格组件,根据rest文档的管理,您可以通过headerOptions、rowOptions、bodyOptions和options属性传递材质ui表格选项(例如,显示复选框的选项)。根据物料ui文档,选项为显示复选框和可选选项。我在网上还发现了其他一些例子,比如DisplayRowCheckBox 正如您在下面的代码中所看到的,我已经疯狂地尝试了一切。什么都没起作用 <List {...props} sort={{ field: "id", order:

Datagrid组件包装材质ui的表格组件,根据rest文档的管理,您可以通过headerOptions、rowOptions、bodyOptions和options属性传递材质ui表格选项(例如,显示复选框的选项)。根据物料ui文档,选项为显示复选框和可选选项。我在网上还发现了其他一些例子,比如DisplayRowCheckBox

正如您在下面的代码中所看到的,我已经疯狂地尝试了一切。什么都没起作用

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

{}}}>
;
这会给我一个不可选中的标题复选框,但没有行复选框:


回答我自己的问题:

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


)

回答我自己的问题:

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

)