Mui-datatables: Not able to see and use the checkbox when I reduce the table size to less than 960px.

[KrishnaPayyavula]

Not able to see and use the checkbox when I reduce the table size to less than 960px.

Thank you very much for contributing to MUI-data tables by creating an issue! ❤️

When I reduce my screen size to less than 960px. I should able to get the check-box in the data table.

When I reduce the screen size to less than 960px. I am not able to use checkbox functionality.

1.Install all the MUI-Datatables and all its dependencies and use it in the component .
2.Pass some data to the data table.
3.Reduce the screen size to less than 960px
4.Unable to see the check in the datatable.

| Tech | Version |
|--------------|---------|
| Material-UI | Latest |
| MUI-data tables | ^2.0.0-beta.58 |
| React | ^16.6.3 |
| browser | Chrome |
| etc | |

[andresf01]

Is #481 related with it?

[andresf01]

@KrishnaPayyavula It'll work if you override the theme
MUIDataTableSelectCell: { root: { '@media (max-width:959.95px)': { display: 'table-cell' } } }

[KrishnaPayyavula]

@andresf01

Thanks for the help. It's working fine now.

[gabrielliwerant]

Closing, as this issue was fixed in a recent release and should no longer be an issue.

[ericpyle]

@gabrielliwerant which version or commit was this fixed in? I'm still seeing it in v2.5.1. Notice how the checkbox column disappears when the window width is reduced:

[gabrielliwerant]

@ericpyle It was fixed before that. It's not in 2.5.1 in clean examples from the codebase. The issue must be something particular to your situation. If you open a codesandbox, I will take a look.