Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

thead does not track tbody's horizontal scroll in latest jquery #7

mdpatrick opened this Issue Mar 29, 2013 · 3 comments


None yet
4 participants

Using the version of jquery UI and jquery used on your example page shows the name and surname thead columns tracking the horizontal scroll of the tbody perfectly. This is a very cool effect. However... if you removed the "external resources" from the jfiddle, and only use the latest stable jquery (1.9.1) and jquery-ui everything continues to work, except the thead columns will stay in place while the tbody scrolls horizontally left to right.

Here's the jfiddle with it working using older libraries (the same ones on your example page):

Here's the jfiddle with it broken using the newer stable jquery libraries:

Here's an error that also appears in the console using the new library (perhaps this is the culprit?):
Screen Shot 2013-03-29 at 4 10 29 PM

mfeeney commented May 2, 2013

After checking this out, it does appear to be the culprit with the column headers not horizontally scrolling. jQuery 1.9 removed support for $.browser. You can fix it by replacing $.browser.msie with $.support.leadingWhitespace. This should sufficiently detect IE.

gbhasha commented Oct 28, 2013

Thanks @mfeeney .

I tried with your approach and its works fine with latest jquery.

here you go...

Aside from this - do we know what caused the scrolling to not work with thead's ? I have the same issue on jQuery 1.7.2 :(

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