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

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

NMcCloudNMcCloud Posts: 15Questions: 7Answers: 0
edited May 2015 in Bug reports

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.

Answers

  • NMcCloudNMcCloud Posts: 15Questions: 7Answers: 0

    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.

  • allanallan Posts: 56,467Questions: 1Answers: 8,961 Site admin

    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

  • NMcCloudNMcCloud Posts: 15Questions: 7Answers: 0

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

This discussion has been closed.