Responsive issue : if we have 9 columns after width 980 to 1200 approx

[GurdeepCS]

I have 9 columns and responsive: "stacked". at certain screen width the columns on the right hand side goes beyond the card. In my case from 960 to 1540.

Expected Behavior

either it should include scroll between this range or there should be other display scenario.

Current Behavior

Between this range it goes beyond the card.

Steps to Reproduce (for bugs)

1. create a datatable with around 9 cols
2. Toggle device toolbar
3. switch to responsive from the available device list
4. extend and reduce the width

Your Environment

Tech	Version
Material-UI
MUI-datatables	mui-datatables@2.0.0-beta-8
React	reactify@4.0.0
browser	chrome
etc

[cristianPerez]

Hello GurdeepCS any advance in this issue?

[Badbreaddead]

Any progress here? My tables just go out of page boundaries if content in a cell is just too wide

[brymon68]

Having the same problem as well

[vcfelix]

Please give us a solution for this issue. Thanks

[majoros]

Having the same issue, looking around i found this. looks like 960 is actually hard coded. https://github.com/gregnb/mui-datatables/blob/0debb9bf264bc058c17e958b89c6dda65b1bbec3/src/MUIDataTableBody.js

looking into a fix.

[chrisella]

I am experiencing the same issue with the same version of mui-datatables, we have 11 columns and they spill over the end above 960px.

[enlznep]

Any updates on this?

[gabrielliwerant]

PR up here #772. Will be in the next release,

[gabrielliwerant]

Should be fixed in 2.6.4.