Overflow was causing weird behavior on mobile.
If you don't swipe perfectly vertical, it triggers the horizontal scrolling on the table. Then any vertical dragging moves the table inside the container, instead of scrolling down the page.
Setting overflow-x: scroll, and overflow-y: hidden helps, but you still have to swipe vertically.
Ideally, once you touch inside the table, any horizontal movement scrolls the table horizontally, and any vertical movement scrolls the whole page.
Currently, you can only scroll one or the other at a time.
https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior
https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
https://webdocs.dev/en-us/docs/web/css/-webkit-overflow-scrolling