Responsive solution – how to display columns vertically and resize the table?

Love the plugin!

Just looking for a solution for mobile users on this page: https://snookerly.com/best-break-cue/

At present the tables extend beyond the right border of the centre content when the page is viewed on a mobile device. When using the responsive extension a scroll bar is created which can be hard to see on some mobile browsers.

Is there a way I can either resize the entire table for mobile users (so it is the width of the main area without a scroll bar) or “knock” each column down to be displayed vertically rather than horizontally?

Having each product displayed like:

X
X
X

Instead of XXX.

Thanks!

The page I need help with: [log in to see the link]