Responsive Table Duplicate Column Bug

[kkeelingECSC]

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

[asianriceballs]

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. :(

[kkeelingECSC]

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.

[WClouds]

Modify the number 767 to 752 in responsive-tables.js can resolve the problem.

[joyously]

I just saw this problem on the demo page. The media query is set to 767 and my window was 765 according to Firebug.