Material-table: Text Overflow: ellipsis

[vinceliu21]

I have created a smaller width table. The cell of one column sometimes will have very long pieces of text. Currently the cell body keeps wrapping/stacking on top of each other and the row grows exponentially large in the table. Is there a way to do turn this cell into an ellipsis? I tried using cellStyle with textOverflow: ellipsis, but it did not work.

[mbrn]

Hi @vinceliu21 ,

I will try your case asap.

[vinceliu21]

Thanks! Let me know if you want to see the code I tried or more pictures. Preferably, I would like the rows to stay the same size instead of having one row of data be 3x the size of another because the text in a cell was too long.

[mbrn]

Hi @vinceliu21 ,

Can you try this cellStyle

cellStyle: { textOverflow: 'ellipsis', whiteSpace: 'nowrap', overflow: 'hidden', maxWidth: 100}

[rikr2sanchez]

I was going to ask about the possibility of displaying the full text in a tooltip, then I thought that it is better to show this in a detail component