fixedHeader pops up before scrolling reaches table header

mdjohnson44

You can see an example of this here:

http://desftp.cosmology.illinois.edu:5000/processing_detail/2405?db=db-destest

I've tried removing all CSS and JS except for datable ones. I've tried adding headerOffset, but couldn't get it to work. I feel like I am missing something. Any help is appreciated.

Thanks!

For reference,

I'm using datatables 1.10.12 and fixedheaders 3.1.2.

Here is my js:

$(document).ready(function() {
$('#example').DataTable( {
"fixedHeader": {
header: true,
footer: false,
},
"lengthMenu": [ [10, 50, 100, 500, -1], [10, 50,100,500, "All"] ],
"pageLength": -1
} );
} );

mdjohnson44

I think I finally solved it. I changed my js from:
...$(document).ready(function() {...
to
...$(window).load(function() {...