table format on mobile

James Horne

• May 26, 2020 13:11

I have a table at the bottom of the following page

https://drive-kindness.com/franchise/

the format blows up when viewing the table on mobile because there is a lot of data.

Can anyone recommend a clever way of displaying the table on mobile devices only?

 

I thought of doing a pdf for the mobile, but can you have text on mobile and not on the desktop saying to click here to view it?

I hope this makes sense.

 

Thanks!

0

• 

  Alex

  • May 26, 2020 13:51
  • Edited

  Hi James,

  From what I see, you have a table with 5 columns. 5 column for a mobile screen is too much. You can edit the tablet and mobile layout and reduce font size and space, but I'm not sure it's the best solution.

  The pdf solution is not bad. You can even add the table as an image on mobile. If you do so, then you can hide this section that contains the image on the desktop and it will only be visible on mobile / tablet: https://jumpshare.com/v/gxboRm3n1pSEMhLhhbJW

  0
• 

  James Horne

  • May 26, 2020 16:15

  I think I can do 2 columns. Which looks a lot better. However, I noticed that I am missing the grey dividers on the rows following 'Start Up Inventory'. Do you know why? They show up on the desktop version.

   

  Thanks again for the help

  0
• 

  Alex

  • May 27, 2020 11:34

  Hi James,

  this divider is a row border so make sure you have this border on mobile&tablet layout: https://jmp.sh/2gb3yx7

  0

Please sign in to leave a comment.