I have applied Fixed header and while onload the fixed header is not fixed on top

KalyanSraj

I have applied Fixed header and while onload the fixed header is not fixed on top, But if i'am doing any click on sorting or expand tables than the fixedheader is working fine.

var myTable = $("#example).DataTable({
"search": {
"caseInsensitive": true
},
data: dataSet,
dom: "<lBf<t>ip>",
initComplete: (settings, json) => {
}
}),
new $.fn.dataTable.FixedHeader(myTable)

What would be the issue to block the fixed header onload?

colin

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin