Tablepress Mobile Friendly Issues

  • Resolved debjl1228

    (@debjl1228)


    10 years, 6 months ago

    Hi,

    I’ve seen a lot of posts about the tablepress plug in being hard to make mobile friendly. I’ve recently purchased wptouch pro but it wasn’t compatible either.

    I saw a few codes to help on the other forums but I keep accidentally affecting the current desktop site. I basically need all the tables flipped and scaled down/centered without changing the site in desktop view.

    I know this task might require site-specific code.

    https://ww.wp.xz.cn/plugins/wp-table-reloaded/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 6 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    Just to be sure: This is a question about the TablePress plugin, right? I’m asking because you posted in the old WP-Table Reloaded support forums.

    Responsiveness for tables is indeed a difficult topic. From what I understand, you’ll simply have to use the Responsive Tables Extension from https://tablepress.org/extensions/responsive-tables/ with a Shortcode like

    [table id=123 responsive=flip responsive_breakpoint=phone /]

    Regards,
    Tobias

    Thread Starter debjl1228

    (@debjl1228)

    10 years, 6 months ago

    Hi Tobias,

    Yes it is tablepress, the current version. Sorry I couldn’t find the correct forum.

    I did use your code through the extension. I found it in another forum before posting but now the images aren’t aligned anymore. Is there a way to fix this without messing with the current padding/vertical align code I have for the desktop site tables?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 6 months ago

    Hi,

    thanks for the clarification! Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter debjl1228

    (@debjl1228)

    10 years, 6 months ago

    http://66.147.244.80/~debleeha/

    It is the home page. But once I figure out a solution I’ll have to adapt the other pages too.

    Thanks you!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 6 months ago

    Hi,

    thanks for the link! I’m afraid that the Extension is not really a feasible solution for this table, as it just doesn’t really work with an image table 🙁
    In fact, you should probably not use a table for this at all, where you are basically just showing three images next to each other. A better solution would be to use plain HTML and CSS for these, as you could then use CSS3 Media Queries to achieve a better responsive layout, where you for example show the three images in a column mode on small screens. With a table that’s simply not possible, due to its fixed columns/rows structure.

    Regards,
    Tobias

    Thread Starter debjl1228

    (@debjl1228)

    10 years, 6 months ago

    Thank you for your quick responses Tobias. This helps a lot.
    I have one more question: is this the same for tables that include both text and images?

    I will have to hopefully “flip” these tables too. Would the extension work for these?

    http://66.147.244.80/~debleeha/products/

    Thanks!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 6 months ago

    Hi,

    yes, it’s very similar for tables that contain both text and images.
    One can make it work, but it requires extra “Custom CSS”, to adjust the row heights again.
    For this table however, it will not work, as the text would all be kept in one line, so that the scrolling would be very hard with the flip mode.

    Regards,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Tablepress Mobile Friendly Issues’ is closed to new replies.