Using ScrollX/Y With Small JQueryUI Table Causes Shift In Appearance

NMcCloud

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.

NMcCloud

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.

allan

The dev versions are available in git.

However, it would appear that there is an issue whereby jQuery UI integration requires the scrollCollapse option 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 scrollCollapse is the workaround for now.

Allan

NMcCloud

Thanks for the workaround. I can always re-institute the scroll Y setting after the table is redrawn.