selectableRowsHideCheckboxes hides check boxes but still takes up space

[aryo]

When selectableRowsHideCheckboxes is set to true, the first column containing the check boxes is still there (even though the checkboxes are no longer visible).

Is there a way to remove the whole column? or at least make it take up 0 space?

Expected Behavior

Checkbox column does not take up space

Current Behavior

Checkbox column takes up space even though checkboxes are hidden

Steps to Reproduce (for bugs)

https://codesandbox.io/s/muidatatables-custom-toolbar-kwemy?file=/index.js

Play around with selectableRowsHideCheckboxes option

Your Environment

Tech	Version
Material-UI	4.11.0
MUI-datatables	3.7.1
React	16.13.1
browser
etc

[aryo]

I've had to override the theme based on whether the selectableRowsHideCheckboxes option is true to get this to work. Ideally this should happen out of the box if the option is true.

MUIDataTableSelectCell: {
  root: {
    display: "none"
  }
}

[wdh2100]

mui-datatables/src/components/TableSelectCell.js

Line 165 in fde3497

{selectableOn !== 'none' && selectableRowsHideCheckboxes !== true && renderCheckBox()}

I think it's in the wrong place.

[wdh2100]

@aryo

Fixed 3.7.2

[aryo]

@wdh2100 Good stuff!