I’ve got a few tables on my website that take up a lot of space which I’ve set to scroll sideways on small displays. The content is scrolling fine however the borders only cover the section that is initially visible and move off to the left as the user scrolls (see screenshots).
Each row in the table is a grid with content pulled from the CMS. The rows have a solid bottom border. All the content in the table plus the column headings sit inside a div that has overflow set to Auto.
Can anyone help with how to stop the border moving off to the left?
: Inital State
: After scrolling