Table getting stuck at width when resizing horizontally.

[Kilowhisky]

When working with responsive layout in bootstrap 3 the table gets stuck at a small width and will not resize with 'reflow' or 'destroy'.

I noticed that the problem does not occur if i remove the attribute 'width:auto' that is attached to the table style.

Browser: Chrome (newest)
Example: http://mkoryak.github.io/floatThead/examples/bootstrap3/
Replicate:
1: Scroll vertically to a point where a table header is floating above a row
2: Resize the window horizontally to a small size.
3: Resize the window back to a large width.

[mkoryak]

Thanks, looks like all my recent meddling with how table sizing works had this unfortunate side-effect. Ill take a look tomorrow.

[mkoryak]

Can you check your code against the v1.2.6 branch and see if this is resolved there?

[Kilowhisky]

It appears to be fixed, thanks! Although i will say it is quite slow resizing on chrome and IE 11, Firefox is fast though.

EDIT: found one issue which is not really that bad but can cause horizontal scroll bars even when they are not needed. It looks like the colgroup style width doesn't account for the like 1-3 pixels or table border. I'm not so sure but if i remove the colgroup element the scroll bars are gone.

[mkoryak]

can you create a fiddle with the border issue so i can see it happening?
colgroup element is required for the plugin to work, so removing it might be bad ;)

[Kilowhisky]

Is there a cdn for the 1.2.6 branch?

[mkoryak]

no, you can use rawgithub: https://rawgithub.com/mkoryak/floatThead/v1.2.6/jquery.floatThead.js

[Kilowhisky]

http://jsfiddle.net/w9UNJ/

perform the same test as described in the first post.

[mkoryak]

the problem seems to be unrelated to the plugin, see:
http://jsfiddle.net/w9UNJ/2/

I removed all javascript code and the scrollbars still appear.