Same tables + same settings = different responsive behavior

  • Resolved EvD

    (@elkevandrunen)


    1 year, 11 months ago

    Hi All,

    I have on my site 2 tables. The settings of both tables are the same, but the behavior of the first table is different than the behavior of the second table.

    When I make my browser window less wide and then wide again, then the layout of table 1 gets scrambled. Rows do not align with eachother anymore and the images are being resized with a lot of white space.

    The second table is behaving the way I want it to be. Scrollable, no image resize, and the rows keep being alligned with eachother. Now I want the first table to behave just like that but I cannot seem to figure out what I am missing.

    I hope someone can help.

    Best.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    That’s essentially happening because the browser is able to reduce the column widths for the first table, when you make the browser more narrow. For the second table, that’s not possible, as the images are already narrow to being with.

    It should be possible to reduce that effect by setting a minimum cell width. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-3 td {
    width: 170px;
    min-width: 170px;
}

    Regards,
    Tobias

    Thread Starter EvD

    (@elkevandrunen)

    Hi Tobias,

    Now I understand what the cause is. Thanks again for your simple but great solution.

    Best, Elke

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,

    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Same tables + same settings = different responsive behavior’ is closed to new replies.