how to customize Material ui table cell so text inside of it will take two lines instead of one line?

user_5420350 0
Viewed 1910

I'd like to customize native Material UI cell so it would show two lines of text in it with ellipsis instead of one. Adding divs inside the cell and adding style to it will not work because of how table is currently implemented.

this is how it currently looks like: this is how it currently looks like

material-ui reactjs html-table
1 Answers

Using wordWrap solve my problem Use wordWrap like below:

 <TableCell
                    style={{
                      whiteSpace: "normal",
                      wordWrap: "break-word"
                    }}
                  >Some Long content ......... 
</TableCell>
user_101098640
Related