Support » Plugin: WP-Table Reloaded » [Plugin: WP-Table Reloaded] Formatting of multiple lines in a table cell

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

    (@tobiasbg)

    Hi,

    this happens because in that textfield for that cell, there are manual line breaks. Those get transformed to the HTML <br> tag that you see. All you need to do is remove those line breaks. While in the textfield you should only have automatic line breaks that are added by the browser due to the width of the text input field.

    Regards,
    Tobias

    Thanks for the quick response.

    When I remove the breaks or type in the content manually rather than pasting it in, the text stays all one one line and the width of the table cell is too wide. I tried setting widths for the cells to deal with this issue but am still having the same problem.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    I found something else: As it seems, the table is wrapped in a <pre> HTML tag, which basically influences the styling a lot, as this is intended for other purposes.
    Probably, this <pre> is wrapped around the table Shortcode already, from copy/pasting.
    Please go to the “Edit” screen of the page (where you entered the Shortcode), and switch from “Visual” to “HTML” editing (in the upper right-hand corner of the editor textfield) there.
    You now probably see something like this:

    <pre><span style="font-family: verdana, geneva; font-size: medium;">[table id=4 /]</span></pre>

    Please remove the surrounding HTML tags, so that this line only is the Shortcode

    [table id=4 /]

    After that, the table should be visible as a table again (with all columns), and some word wrapping. We can then continue with changing the column widths.

    Regards,
    Tobias

    Thanks! I removed that code and the table cell looks a little better. Should I set widths for the cells?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    awesome! Very nice!
    Now I suggest to simply reduce the width of the table, with

    .wp-table-reloaded-id-4 {
      width: 60%!important;
    }

    Just paste that into the “Custom CSS” textarea on the “Plugin Options” screen of WP-Table Reloaded.

    Best wishes,
    Tobias

    Thanks so much – that did it. Well, I changed it to 80% but it’s all good now. I really appreciate your help.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    Great that this worked so easily!
    Yes, 80% looks good, too 🙂

    Best wishes,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: WP-Table Reloaded] Formatting of multiple lines in a table cell’ is closed to new replies.