mkoryak/floatThead

Wrong size header when first loading

mark1702 opened this issue · 3 comments

mark1702 commented

Hi! I met a new issue that really need your help.
Now i'm using IE: 11.0.44, Jquery 1.12.1 and jquery.floatThead.js 2.1.2.
When the first time i load my table, just only a part of header (width:100px) was displayed above first row of table. But after i resize my table, it's ok. Sorry can not post my code to jsfiddle now.
Below are some picture about my issue. Could you help me, please? Thank you so much!
* First loading time:
image
-- loading code:
image

* After resize my page:
image

  • And loading code:
    image
mkoryak commented

Sorry, nothing jumps out at me from looking at this, and I cant help you without seeing the code.

does it work correctly in chrome or firefox?

you can always try a hack. after you init the table do something like this:

setTimeout(() => $('#table1').trigger('reflow'), 50);

I am guessing that when the plugin loads your table width is 100px for some reason. maybe try to check that by doing the following right before you load the plugin:

 console.log('before init', $('#table1').width());
mark1702 commented

Thank you for your quick response. You're right, follow your guide, i found i a forgot function that can change ccs automatically.
Thank you for your help one more time and have a nice day!

lock 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.