Too much wrapping?

  • Resolved 344kellogg

    (@344kellogg)


    8 years, 2 months ago

    Is there a way for the columns to be as wide as the longest line. For example, here is a screenshot: https://www.evernote.com/l/ABh-_w9r6JRMJp7sr9orG__K3H245tptu14. There are specific breaks in the table text. However, on a mobile device, there is too much wrapping. Because the table can scroll horizontally, I don’t need the text to wrap. Is there a way to keep the same layout as the desktop version? Thanks.

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    You can try to prevent the browser from adding more line breaks here. For that, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-123 th,
.tablepress-id-123 td {
  white-space: nowrap;
}

    (with the correct table ID).

    Regards,
    Tobias

    Thread Starter 344kellogg

    (@344kellogg)

    Perfect! Thanks a lot.

    Thread Starter 344kellogg

    (@344kellogg)

    One more question. I would like the table to expand to fill the full width of its container on a desktop. Here’s the page: https://s18843.p20.sites.pressdns.com/high-school-summer-school-programs-orange-county/. Right now it only fills around 75% of the available width. Is there a way to fill the full width?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    Good to hear that the word-wrapping now works.
    You seem to be affected by a bug in the “Horizontal Scrolling” feature. Can you please try again after turning off that checkbox on the “Edit” screen of the table? To then get horizontal scrolling back, you could try the scroll mode of the TablePress Extension from https://tablepress.org/extensions/responsive-tables/, which uses a slightly better technical mechanism.

    Regards,
    Tobias

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Too much wrapping?’ is closed to new replies.

Tags