Code crash if user "hides" multiple DataGrid columns

[Furqan-Syed]

• [x ] The issue is present in the latest release.
• [ x] I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

If user tries to hide too many columns on a large DataGrid which exceeds the width of screen, the code will crash and give error of "TypeError Cannot read property 'width' of undefined"

Expected Behavior 🤔

User should be able to hide more than 6 rows on a table regardless of the table's width

Steps to Reproduce 🕹

You can see this with the demo table for "Custom filter operator" at https://material-ui.com/components/data-grid/filtering/ (It's the fourth table on the page)
Attempt to hide the first 6 columns and an error will pop up.
Here is the code sandbox for that sample table: https://material-ui.com/components/data-grid/filtering/

Context 🔦

Trying to use Datatable to display data with many columns.

[DanailH]

Hi @Furqan-Syed thanks for reporting this, we are aware of the problem. There is already a PR opened with a fix. You can follow it here #875. Also, this is a duplicate of this #856

[oliviertassinari]

Duplicate of #856