scrollY messes up header alignment until you click the header
scrollY messes up header alignment until you click the header

Link to test case: https://jsfiddle.net/prime90/Lugfhyzp/2/
Debugger code (debug.datatables.net): https://debug.datatables.net/olunod
Error messages shown: None
Description of problem: When scrollY is enabled the table headers width falls short of the table body and aligns its self with the scrollbar instead. That is until you click the header and the header width corrects itself
This discussion has been closed.
Answers
Looks like it is related to the SimpleScrollbar library - without it the table operates as I would expect https://jsfiddle.net/apwygx68/ . That matches our example.
I'm afraid we don't support anything but the browser native scrollbar at this time.
Allan
thanks!