• Resolved john2512

    (@john2512)


    Hello!

    I got some help regarding this kind of topic earlier but I’ve hit some problems and would appreciate some help 🙂

    I have “Child Rows” on my tables and it’s working prefectly, but I want the information in the Child Rows to be Left aligned.
    I used this code to Center all the other rows in the table.

    .tablepress thead th,
    .tablepress tbody td {
    	text-align: center;
    }
    .tablepress .column-1 {
    	text-align: left;
    }

    When I say “Left aligned” I’m refering to this examples Child Rows:
    https://datatables.net/examples/api/row_details.html

    Also how do you get it so that there is a horisontal line that seperates the Child Rows and the Table Rows, as shown in this example?

    Thanks again!
    Kind Regards John.

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

    (@tobiasbg)

    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 john2512

    (@john2512)

    Hello Tobias,

    is the link, thanks again!

    Kind Regards,
    John

    • This reply was modified 6 years, 8 months ago by john2512.
    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks! Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress .row-details {
        text-align: left;
        border-top: 1px solid #cccccc !important;
    }

    Regards,
    Tobias

    Thread Starter john2512

    (@john2512)

    That did the trick!

    Thanks alot!

    Kind Regards,
    John

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

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

The topic ‘child rows’ is closed to new replies.