Making tables appear correctly in mobile view

Hi, The content of my site is mostly statistical data in spreadsheet format via Google docs. on the desktop view they appear great, but on mobile devices its terrible and practically un-usable. My tables appear too big and cause problems for the visitor to view correctly. If I turn off mobile friendly view the tables appear much better and are easy to view. But I of course want my site completly mobile friendly not just some pages. So my question is, Is there a way to add tables that appear much smaller and easier to read iin mobile friendly view.

Hay gray1101,

What you can do is design two tables - one for the desktop, the other for mobile. Mark the mobile table is hidden. Then, in the onReady event, check if you are on a mobile view using formFactor and on mobile hide the desktop table and show the mobile table.

This trick allows you to design the mobile table independently to the form that works best on mobile.

Please review a possible defect with the editor. It doesn’t appear to trigger the formFactor from desktop to mobile. When I do a console log it always says desktop, and my logic for mobile never triggers in the mobile preview.

Gary can you provide a link to your website. I’m wanting to display a spreadsheet on my website and am needing idea. Thank you.

I have the same question as the original question in this thread. I use the Google Docs app to display a table that looks fine on the desktop view. The mobile view is horrible. Looks like the moderator suggests creating a separate table that would be used on the mobile view. What app would be best for that? How can I create it so that any update in the Google Doc would also reflect on the table built for mobile?

Did this ever get properly resolved? I have the same issue?