Misalignment of header

McBluna

Hey everybody,

I need your advice please.

I've implemented DataTables natively on my wordpress site with the extensions Buttons, ColReorder, DataTables, FixedColumns, FixedHeader and StateRestore. Here's my implementation in action -> https://mcbluna.net/wp/zidoo-player-specification-comparison-sheet/

Everything is working like expected but after scrolling down the page and the header got unfixed from top, the header is misaligned. As a temporary workaround, I've added a button “redraw header” under Options which triggers function draw on table object.
Is there anything I'm doing wrong?
How is an automatic redraw after scrolling down the table triggered?

Initial load of page

scroll down until header got fixed

scroll up until header got unfixed - header is misaligned

manually trigger function draw on table object

header is aligned