How to make table wrap text automatically

[liqili]

Hi,
How to make table wrap text automatically?

[devken-net]

maybe you can try to add css.

[liqili]

@Markortiz due to the css below,add css to td didn't work.
.react-bs-container .table-header > table > thead > tr > th .table-header-column{ line-height: 25px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

[devken-net]

you can overwrite / change it to your react-bootstrap-table-all.css
i think you can find it on line:30

[AllenFang]

@liqili, is it work by @Markortiz 's solution?

[yenhsiac]

@AllenFang It works. But I saw some other issues. In my case, I have many columns.
When I add more columns, some column header texts are gone.

When I add more columns and the horizontal scrollbar appears, the columns headers are mis-aligned. I know there is another thread that you are addressing alignment problem. Will it fix this issue too?

Thank you!

[yenhsiac]

If I keep write-space:nowrap as it is, I encounter another mis-alignment issue:

Any suggestion on how to fix these issues would be appreciate. Horizontal scrollbar is ok. Thank you!

[AllenFang]

@yenhsiac , try v2.0.0, and check this

[liqili]

It's working fine at v2.0.0,thank you!