question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Is It Possible To Responsively Show/Hide Columns Based on Viewport Size?

See original GitHub issue

In bootstrap we have the ability to show/hide elements using the classe(s) .hidden-sm as documented here http://getbootstrap.com/css/#responsive-utilities-classes

Does this library leverage this feature built-in to bootstrap or can it be done in some way eventually? I REALLY need this to work in the case where I have a users table, which shows avatars and other ancillary information that I would love to hide when viewing on small devices or window sizes.

For example, in a large viewport we show all columns, avatars, images, etc, but on small viewports we hide those extra columns to make room for the important columns like name and email.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
innopalcommented, Oct 3, 2016

className: ‘hidden-xs’ columnClassName: ‘hidden-xs’

1reaction
innopalcommented, Oct 3, 2016

you need both!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Is It Possible To Responsively Show/Hide Columns Based ...
Is It Possible To Responsively Show/Hide Columns Based on Viewport Size? #1029 · Comments · Footer.
Read more >
Allow hiding and showing grid columns based on the viewport ...
These allow columns to be shown / hidden based on the **viewport size**. ... See the link for the default values. ``` {...
Read more >
Automatic Column Hiding using CSS in Responsive Table
When the window screen is getting smaller then the display styles will be applied to the table columns based on the window size...
Read more >
Is it possible to show/hide colums based on the screen size?
Hi, I've seen that some sites have tables that are "responsive", that is they show or hide columns based on the size of...
Read more >
Responsive Layouts, Fewer Media Queries
To show/hide an element based on the screen size, we generally reach for a media query and plop a classic display: none in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found