responsive-tables
responsive-tables copied to clipboard
Can't set overflow for media sizes above 767px
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!
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) {...
Thank you very much!!!! I'll work on it right away!!