Responsive table without a plug in?

  • Resolved wpallthetime

    (@wpallthetime)


    6 years, 1 month ago

    Using the classic editor, I made a page with a table (it has thumbnails and text below those). That was perfect, but on phones the table isn’t wrapping. I thought all of WP was responsive.

    Without the table, I can’t place thumbnails next to each other if they have text below each one.

    If I use the block editor, I tried many combos. I can create a table and past inline image, but can’t choose thumbnail size so they’re not uniform. The closest got to a solution was to create a column block and I can create up to 6 columns. Those are more responsive since the thumbnails don’t scroll off the screen, but they’re limited to 1 per line. So WP isn’t adjusting the thumbnail size based on the screen.

    Is there a better way of doing this without a plug in? Is there way to make a responsive table with classic or block editor columns?

    • This topic was modified 6 years, 1 month ago by wpallthetime.
    • This topic was modified 6 years, 1 month ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
Viewing 2 replies - 1 through 2 (of 2 total)
  • Joy

    (@joyously)

    6 years, 1 month ago

    You are making some bad assumptions. Let me correct these first.
    “I thought all of WP was responsive.”
    WP itself is responsive. That means the admin pages work on many different devices sizes. But WP is simply a way to organize and retrieve content. The theme is responsible for the output and styling for the front end. All themes are different, and not all themes are responsive.

    You are assuming that a table is the best solution for thumbnails with captions. It is not. Tables are best used for data that needs to be kept in rows and columns. Tables are one of the least responsive HTML elements to use.

    WP has built-in functionality for galleries, and themes usually support at least the default of 3 columns. You can use the gallery shortcode (even in block editor; use the Classic block) which uses the image’s caption or the gallery block which uses captions you enter right there.

    “WP isn’t adjusting the thumbnail size based on the screen.”
    It’s not WP’s job to adjust the thumbnail size. How would it know when to do this? It is the theme’s job to style your content on the front end.

    Thread Starter wpallthetime

    (@wpallthetime)

    6 years, 1 month ago

    Thanks for setting me straight Joy – I’m still learning so your answer helps. I now understand the theme is responsible for adjusting thumbnails sizes. With an Image Gallery this was happening. When I made a block with columns it wasn’t so at least it’s clear where the problem lies.

    Since the table question is answered, I’ll mark this resolved and do some more digging and open up another question to try and resolve my underlying problem.

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

The topic ‘Responsive table without a plug in?’ is closed to new replies.