Having trouble with vertical scroll on mobile device

[jimkring]

I have a table where I want to enable horizontal swipe scrolling (it's a table wider than the viewable horizontal area on mobile). When I enable this by setting "overflow-x: auto;" on the table (or wrapping the table in a <div> with that setting), then horizontal scroll works, but vertical scroll stops working. I think there's some problem with the Y coordinate system (since I can vertically scroll if I swipe on the heading region -- I just can't vertically swipe on the <div> that has horizontal scroll enabled), but I can't figure it out. Thanks for your help.

The page with the issue is here: https://resources.jki.net/wide-table-testing

[Mike_Eastwood]

Hi @jimkring 

I really like Datatables for JQuery - it's a free library with lots of components including a mobile frindly module:

https://datatables.net/extensions/responsive/

It took me a while to get your head around it... but worth the effort.

Have fun

Mike