FixedHeader with jQuery animations

brooks_jeffrey

Community,

I have a table with several columns of text and several columns of numbers - all of which are presented using DataTables and FixedHeader.

I dynamically create html <input> tags to serve as filters on the text columns. When an input tag is changed, I would like to use jQuery to fade out the DataTable, apply filters to the data, and then fade back in the table. I have several instances of this sort of thing working, but ran into some problems when integrating in FixedHeader.

When I use the jQuery animation functions with FixedHeader, FixedHeader seems to display the TH overlays when it shouldnt be displayed - that is the FixedHeader top TH is shown, even when the scroll bar is all the way at the top of the screen.

I've made a simple jfiddle which shows the problem.
http://jsfiddle.net/gk33vbgn/10/

Notice that the FixedHeader top TH is shown immediately, but disappears when the scroll bar moves.

What am I doing wrong?

brooks_jeffrey

bump

jimboy

Hey Brooks,

I have similar problem, have you fixed it? ;)

Thanks,

brooks_jeffrey

Unfortunately no.