Always show horizontal scroll in visible area of table

Question

I have a table where I would like the left hand column to be fixed when scrolling horizontally only.

I found a solution here which covers almost exactly what I am after as per this jsfiddle

The only downside is that to see the horizontal scroll you have to vertically scroll to the bottom of the table. Is there a way to get the horizontal scroll to appear immediately inside the visible scrollable area? I hope that makes some sort of sense!?

Answer 1

You can use floating-scroll plugin. NPM, Demo