search

gregnb / mui-datatables

Datatables for React using Material-UI
MIT License
2.71k stars 932 forks source link

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

Closed GurdeepCS closed 5 years ago

GurdeepCS commented 5 years ago

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

responsive_issue

cristianPerez commented 5 years ago

Hello GurdeepCS any advance in this issue?

Badbreaddead commented 5 years ago

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

brymon68 commented 5 years ago

Having the same problem as well

vcfelix commented 5 years ago

Please give us a solution for this issue. Thanks

majoros commented 5 years ago

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 commented 5 years ago

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 commented 5 years ago

Any updates on this?

gabrielliwerant commented 5 years ago

PR up here https://github.com/gregnb/mui-datatables/pull/772. Will be in the next release,

gabrielliwerant commented 5 years ago

Should be fixed in 2.6.4.