Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to make table wrap text automatically #327

Closed
liqili opened this issue Mar 11, 2016 · 8 comments
Closed

How to make table wrap text automatically #327

liqili opened this issue Mar 11, 2016 · 8 comments

Comments

@liqili
Copy link

liqili commented Mar 11, 2016

Hi,
How to make table wrap text automatically?

@devken-net
Copy link

maybe you can try to add css.

@liqili
Copy link
Author

liqili commented Mar 11, 2016

@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
Copy link

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

@AllenFang
Copy link
Owner

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

@yenhsiac
Copy link

@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.

screen shot 2016-03-11 at 9 04 04 am

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?

screen shot 2016-03-11 at 8 55 45 am

Thank you!

@yenhsiac
Copy link

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

screen shot 2016-03-11 at 9 10 52 am

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

@AllenFang
Copy link
Owner

@yenhsiac , try v2.0.0, and check this

@liqili
Copy link
Author

liqili commented Mar 16, 2016

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants