I can suggest checking the following how-to example demonstrating how to render two scrollbars, one at the top and one at the bottom. Please have in mind that the bottom one is needed, as it is responsible for the correct scrolling and positioning of the elements.
- Create a scrollable container outside the Grid.
- Make sure that its width matches the width of the data container of the Grid.
- Sync both scrollbars within their scroll event accordingly.