iOS Safari doesn't redraw the table header when going from static>fixed until the end of the scrolling event

[mrbets]

I don't know if this happens in other browsers on iOS devices, but apparently iOS devices have some restriction on the DOM redrawing during scrolling. This causes the table header to disappear when scrolling down and changing to fixed position, and it only reappears and displays correctly when the user lifts their thumb and lets the scroll event finish.

There are supposedly workarounds using CSS animations, or transform effects which are supposed to force a redraw, but I had no luck with them.