mkoryak / floatThead

Fixed <thead>. Doesn't need any custom css/html. Does what position:sticky can't

Home Page:https://mkoryak.github.io/floatThead/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Table getting stuck at width when resizing horizontally.

Kilowhisky opened this issue · comments

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.

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

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

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.

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 ;)

Is there a cdn for the 1.2.6 branch?

http://jsfiddle.net/w9UNJ/

perform the same test as described in the first post.

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.

commented

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.