Responsive Table Duplicate Column Bug
kkeelingECSC opened this issue · comments
Hi There,
I am looking to implement a responsive table and it’s working as expected…however I noticed a bug that I can’t pinpoint and was wondering if someone could shed some light on the issue. Basically between 768px and 783px the “pinned table” with only column 1 showing is duplicated below the main table. Now the likelihood of a user noticing this is slim (depending on screen width), but I couldn’t find any forums that raise the issue.
Here is the link to the Demo page, shrink your browser window to see: http://zurb.com/playground/projects/responsive-tables/index.html
Here is a screenshot of your demo page to show what I’m talking about:
OS:
Windows 8.1 Pro (64 bit).
Browsers:
Chrome Version 45.0.2454.101 m,
Internet Explorer 11.0.9600.18036
Firefox 36.0.1
Hi, I'm experiencing the same issue between 993px and 997px. Did you manage to resolve the issue? If you did could you please help share? :)
I saw someone else posted a similar issue http://foundation.zurb.com/forum/posts/35426-responsive-table-duplicate-column-bug but the solution provided has not helped me. :(
Sorry, never got a resolution. Hopefully there aren't too many users that experience your site within those pixel values! If you find a resolution please post it here.
Modify the number 767 to 752 in responsive-tables.js can resolve the problem.
I just saw this problem on the demo page. The media query is set to 767 and my window was 765 according to Firebug.
