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

Responsive-Table problem when td contains multiple lines #4875

Closed
Vortilion opened this issue Jun 23, 2017 · 3 comments
Closed

Responsive-Table problem when td contains multiple lines #4875

Vortilion opened this issue Jun 23, 2017 · 3 comments

Comments

@Vortilion
Copy link

Description

When I create a responsive-table and one or more of the tds contains line-breaks (br), the table-header doesn't fit the table-body anymore in mobile view.

Screenshot

unbenannt

@DanielRuf
Copy link
Contributor

A codepen would be great.

@Vortilion
Copy link
Author

Vortilion commented Jun 26, 2017

Unfortunately thats not possible :-( But you can reproduce it on materializecss.com when you edit the table-content of one td and ad a "br". I created a screenshot for you:
table

@acburst
Copy link
Collaborator

acburst commented Jul 6, 2017

Unfortunately this is a limitation of the responsive table. If you know for sure each column will have two lines you can get around this by adding <br>&nbsp; in the table header element (<th>)

@acburst acburst closed this as completed Jul 6, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants