WordPress.org

Forums

TablePress
[resolved] Adding white space between Columns (6 posts)

  1. sophia_
    Member
    Posted 10 months ago #

    Hi can any one help me try to add white space between columns to make them look like they are separate tables?
    Thanks in advance

    https://wordpress.org/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 10 months ago #

    Hi,

    thanks for your post, and sorry for the trouble.

    This should be possible with some "Custom CSS" like

    .tablepress-id-123 {
      border-collapse: separate;
      border-spacing: 10px 0;
    }

    (where 123 is the table ID).

    Regards,
    Tobias

  3. sophia_
    Member
    Posted 10 months ago #

    Thank you for your quick response, it worked straight away. I have one last question, How can i now when the table is on a mobile device, display each table underneath one-another. Is it possible?

    Again thank you so much for your help!

  4. TobiasBg
    Member
    Plugin Author

    Posted 10 months ago #

    Hi,

    no problem, you are very welcome! :-) Good to hear that this helped!

    Sorry, moving those columns underneath each other is not possible, simply due to the way how tables work in browsers.
    You would have to create two separate tables to achieve this, and position them side-by-side on big screens, or underneath each other on smaller screens.

    Regards,
    Tobias

  5. sophia_
    Member
    Posted 10 months ago #

    Ok then i will give that ago.
    Thanks again!

  6. TobiasBg
    Member
    Plugin Author

    Posted 10 months ago #

    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!

Reply

You must log in to post.

About this Plugin

About this Topic