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

Can't set overflow for media sizes above 767px #30

Open
saramartinezsa opened this issue Jun 23, 2014 · 2 comments
Open

Can't set overflow for media sizes above 767px #30

saramartinezsa opened this issue Jun 23, 2014 · 2 comments

Comments

@saramartinezsa
Copy link

The problem is my table has many columns and is very wide, so on certain screen sizes it overflows and the plugin does not allow me to set "overflow:scroll" for sizes above 767px (or rather I can't figure out how).

What I want to do is set overflow for screen sizes above 767px and below 1280px. I hope I am explaining myself well :) Any help will be GREATLY appreciated since I am to the point of banging my head against walls. Thanks!

@trbsi
Copy link

trbsi commented Jun 25, 2014

Right here in .js change 992 or 768 (whatever size is there in your file) to any size you want
if (($(window).width() <= 992) && !switched ){
switched = true;
$("table.responsive").each(function(i, element) {
splitTable($(element));
});
return true;
}
else if (switched && ($(window).width() > 992)) {
switched = false;
$("table.responsive").each(function(i, element) {
unsplitTable($(element));
});
}

and in .css
@media only screen and (max-width: 992px) {...

@saramartinezsa
Copy link
Author

Thank you very much!!!! I'll work on it right away!!

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

No branches or pull requests

2 participants