Using ScrollX/Y With Small JQueryUI Table Causes Shift In Appearance
Using ScrollX/Y With Small JQueryUI Table Causes Shift In Appearance
NMcCloud
Posts: 15Questions: 7Answers: 0
If scrollX and scrollY are used with a jQuery UI table that is smaller than the scrollX/Y settings causes the table to be missaligned.
See: http://jsbin.com/geyomuxiqa/1/edit?html,output
As can be seen, the header is being calculated as always using the vertical scroll bar. Since the table body is sized to the header, and due to the margin settings, it is centered which causes a missalignment.
Incidently, if you uncomment the "width: 400px" CSS entry you get even stranger results.
This discussion has been closed.
Answers
Based on the response to my last bug report, I was trying to find the nightly build for the jQuery UI plugin; however, I cannot seem to locate it for testing.
Does this exist?
Thanks again.
The dev versions are available in git.
However, it would appear that there is an issue whereby jQuery UI integration requires the
scrollCollapseoption to be set ( http://jsbin.com/tiwarovaqa/1/edit ). Otherwise, it appears to shift the table for the scrollbar width.That is something I will look into, but
scrollCollapseis the workaround for now.Allan
Thanks for the workaround. I can always re-institute the scroll Y setting after the table is redrawn.