• Resolved Marcel

    (@owliwant)


    I have the issue that the text in the first column is not “stacking up” horizontally. So, whenever I have a bit more text in the first column, the table will look horrible, as there won’t be enough space for the remaining columns. How can I fix this issue and make sure these tables look good both on desktop and on mobile?

    I am not sure if this problem just happened after the last update of the plugin or if it has always been an issue. But I think I haven’t spotted this before! Need urgent help with this as I do have broken tables now all over the place on my website.

    • This topic was modified 2 years, 8 months ago by Marcel.

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This is caused by this block of code in your “Custom CSS” on the “Plugin Options” screen of TablePress:

    /* Custom CSS to set minimum width for the first column */
    .tablepress th:first-child,
    .tablepress td:first-child {
    	min-width: 150px; /* Adjust this value as needed */
    	white-space: nowrap;
    }

    Basically, this is instructing the browser to not do any word-wrapping in the first columns of all TablePress tables — which is not really reasonable.

    I recommend to remove this code.

    Instead, for possible options on making your tables look good and work nicely on small screens like phones as well, I recommend checking out the Responsive Tables feature module that is part of the TablePress premium license plans.

    Best wishes,
    Tobias

    Thread Starter Marcel

    (@owliwant)

    Thank you very much, Tobias. This is a big help! Kind regards, Marcel

    Plugin Author Tobias Bäthge

    (@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 ‘Issue after Update?!? Please help’ is closed to new replies.