WordPress.org

Forums

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

  1. sophia_
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year ago #

    Ok then i will give that ago.
    Thanks again!

  6. TobiasBg
    Member
    Plugin Author

    Posted 1 year 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!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • TablePress
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic