Keep headers sticking to the correct place when scrolling horizontally

I needed this modification for a project I'm working on.

I have added a demo so you can see the fix (table on the left) and the problem (table on the right)
I'm hoping this could be useful to other people. I'm not sure `horizontalArea` is the best name for the option, so I'm happy if you can think of something better.

Please let me know if you have any questions.
Thanks