Make the Table Header Sticky While Scrolling the Page Remove max-height: 70vh; from .TableWrapper, so the page scrolls naturally. Use overflow-x: auto; on a wrapper (.TableContainer) to allow horizontal scrolling.

Synchronize Horizontal Scroll Between Header and Body Wrap both .StickyTableHead and .TableWrapper inside a new .TableContainer div. Add a JavaScript event listener to synchronize the horizontal scroll between the header and table body.