Long text overlaps other columns about material-ui-datatables HOT 6 CLOSED

You can change styles in column settings.
Try overflow: 'hidden' or you can set a column's width also,

{
  key: 'key',
  label: 'label',
  style: {
    overflow: 'hidden',
    width: 140,
  },
}

from material-ui-datatables.

Tried it - works nicely! Thank you :)

👍

from material-ui-datatables.

It is possible NOW :) Please try 0.16.9.
I've added 3 style props tableStyle, tableBodyStyle, tableWrapperStyle and what it does is the same as style, bodyStyle, wrapperStyle props in material-ui table component.
So, for example, if you change tableStyle like this,

<DataTables
  ...
  tableStyle={{tableLayout: 'auto'}}
  ...

column size will be set by it's content size.

from material-ui-datatables.

Is there any way you can think of to have automatic column sizing (based on content), up to a maximum size?

from material-ui-datatables.

Hmm, I think if you don't set any width(include table tag), your columns size are set by the length of your contents as same as usual table tag. or you can change table-layout property. but the problem is that there is no way to overwrite table and it's wrapper's style now. Let me add some props.

from material-ui-datatables.

Not sure I get you. Is it possible NOW? Or do you need to add more props for it?

from material-ui-datatables.