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

.table-responsive table gets cut on print #12722

Closed
lanort opened this issue Feb 13, 2014 · 1 comment
Closed

.table-responsive table gets cut on print #12722

lanort opened this issue Feb 13, 2014 · 1 comment
Labels
Milestone

Comments

@lanort
Copy link

lanort commented Feb 13, 2014

If you use the class table-responsive the table is also "responsive" on print, where you of course, can not scroll. So as a result, the table gets cut.

Example: Visit http://jsbin.com/yifol/2/ and use your browsers print preview.

Suggestion: I think it would be better to display the whole table (like without table-responsive. So I would disable .table-responsive styles for print or enable them only for non-print.

@juthilo juthilo added the css label Feb 13, 2014
@juthilo juthilo added this to the v3.2.0 milestone Feb 13, 2014
@artworkad
Copy link

+1

@mdo mdo mentioned this issue Mar 7, 2014
@mdo mdo closed this as completed in 9dc7961 Mar 7, 2014
@twbs twbs locked and limited conversation to collaborators Sep 5, 2014
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
Safari renders this fine for one reason or another, but Chrome still renders the media query styles to make tables responsive. This change scopes them to screen devices only, so printing looks boss everywhere.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

3 participants