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

Any solutions to viewing the full table on mobile browsers? #36

Open
pathetix opened this issue Apr 29, 2015 · 2 comments
Open

Any solutions to viewing the full table on mobile browsers? #36

pathetix opened this issue Apr 29, 2015 · 2 comments
Labels

Comments

@pathetix
Copy link

Right now we can't view the full table on mobile browsers.
Actually the table gets cut off since we cannot scroll left to view the remaining table content.

Any ideas/solutions to this?

@Xarex
Copy link

Xarex commented Aug 20, 2016

I know this post was over a year ago, but the way to solve this issue is to set a media query. In the regular view, in order to keep appearances, the table is set to have a nowrap. In mobile view, once you remove it, the table becomes responsive.

Add this to your custom css:

@media only screen and (max-width: 768px) {
table.flakes-table td {
white-space: normal;
}
}

@kumailht kumailht added the bug label Aug 21, 2016
@pathetix
Copy link
Author

Wow thanks a lot for answering this.
It does fix the issue somehow.

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

No branches or pull requests

3 participants