Create a floating horizontal scroll for a large table.

Steps to use:

1. Name your container or table widget
2. Name the (always in DOM) widget below your table
3. Get dependencies from FloatingHorizontalScroll
   • Jquery script
   • CreateFloatingScroll client action
4. Include jquery3_6_4_min in your screen or block

• Use CreateFloatingScroll action inside OnAfterFetch and for each modification of table width. You will need the widget ids named previously.

How it works?

Basically, a new fixed scroll is created binding with the original. In order to hide the new one, we check if bottom widget is in viewport. With the visual effect generated it seems that there was only one scroll.