Remove border between collapsed row

  • Resolved crushgeek

    (@crushgeek)


    4 years, 7 months ago

    Hello Tobias,

    In the Responsive mode at the phone size, I am trying to remove the border between the standard row and the collapsed row. I have the collapsed row always showing using your Custom Command I found in another post. But when using horizontal borders, there is a border between the row and the collapsed child row. I only want the borders to appear above the standard row and below the collapsed row, not in between them, so it is easy to tell which data goes together.

    Thanks in advanced!

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

    (@tobiasbg)

    4 years, 7 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter crushgeek

    (@crushgeek)

    4 years, 7 months ago

    Thanks Tobias,

    Here’s the URL: https://testbringer.com/nlm
    This site is under construction so you’ll need to look at the first table you see with the orange Tabs. I am only working on the orange Feeder Cattle tab at the moment. If you shrink it down to the smallest width, you’ll see the border between the first 4 columns and the “Additional Information” column when the “Additional Information” column collapses below the first 4 columns.
    Here is a screenshot of the border I’m trying to remove, if possible.
    https://testbringer.com/nlm/wp-content/uploads/images/border-removal.png

    Also, I have the Tablepress Styler plugin installed if that makes any difference.

    Thanks again.

    • This reply was modified 4 years, 7 months ago by crushgeek.
    Plugin Author Tobias Bäthge

    (@tobiasbg)

    4 years, 7 months ago

    Hi,

    got it, thanks! 🙂

    To remove that border, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress.dataTable tr td.child {
    border-top: none !important;
}

    Regards,
    Tobias

    Thread Starter crushgeek

    (@crushgeek)

    4 years, 7 months ago

    Tobias, you are the King!
    Works perfect!
    Thanks so much for prompt response even on a weekend!

    Donation sent! 🙂

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    4 years, 7 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!
    And thanks for the donation, I really appreciate it!

    Best wishes,
    Tobias
     
    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Remove border between collapsed row’ is closed to new replies.