I’m trying to build a React component that has horizontal scrolling functionality similar to what you see in data table applications. When users scroll horizontally to the left, I want to display additional empty space at the end of the scrollable container.
Has anyone implemented something like this before? I’m looking for the best approach to handle this kind of scrolling behavior in React. Should I use refs to manipulate the scroll position directly, or is there a better way to achieve this effect?
Any code examples or suggestions would be really helpful. I’ve been struggling with getting the extra padding to appear dynamically when scrolling happens.