javascript - How to remove select all checkbox in mui data grid header - Stack Overflow

admin管理员组

文章数量:1326287

I want to remove the Select All checkbox which is at the top of the checkbox datacolumn.

checkboxSelection

adds checkboxes for every row but also adds the select all checkbox on top in the header. How can i remove this?

I want to remove the Select All checkbox which is at the top of the checkbox datacolumn.

checkboxSelection

adds checkboxes for every row but also adds the select all checkbox on top in the header. How can i remove this?

• javascript
• css
• reactjs
• material-ui
• datagrid

Share Improve this question Follow asked Sep 13, 2022 at 9:40 akshay_acharyaakshay_acharya 8922 silver badges1111 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

I had the same problem and was looking at the MUI-X git. I found a solution for this, is hide the header of the checkbox, so in that way you will remove the select all behavior.

Hope this works for you as well.

Here is the original solution on git: https://github./mui/mui-x/issues/1904#issuement-1219293315

<DataGrid
...
sx={{
  "& .MuiDataGrid-columnHeaderCheckbox .MuiDataGrid-columnHeaderTitleContainer": {
    display: "none"
  }
}}/>

Example

本文标签： javascriptHow to remove select all checkbox in mui data grid headerStack Overflow