responsive-tables icon indicating copy to clipboard operation
responsive-tables copied to clipboard

Can't set overflow for media sizes above 767px

Open saramartinezsa opened this issue 10 years ago • 2 comments

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!

saramartinezsa avatar Jun 23 '14 21:06 saramartinezsa

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) {...

trbsi avatar Jun 25 '14 14:06 trbsi

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

saramartinezsa avatar Jun 25 '14 16:06 saramartinezsa