Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question.

    No, this is not possible, unfortunately. TablePress only supports one header row. You could however try to apply the same styling as the header row to the second row, so that it looks like a second header row. This can be done with some CSS code similar to that in the question “How can I change the background color of a single row?” in the TablePress FAQ at https://tablepress.org/faq/

    Regards,
    Tobias

    Thread Starter tessadavis

    (@tessadavis)

    Excellent, took your advice and changed the custom css around to make it look like this.

    https://www.dontforgetthebubbles.com/blood-pressure-centiles/

    A great solution.

    Thanks

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    very nice! Looks good! ??

    Best wishes,
    Tobias

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

    I’d like to make the Header row 1 & row 2 the same colour.

    Could you please tell me the default blue Heading colour or a tool that I can use to find the colour?

    Thank you,
    hkp

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for the question. That default blue is #d9edf7, and a good tool to find that is the Google Chrome Developer tools.
    Now, from what I can see, you were already able to change that color for the second row in your table. Nice! ??
    If you extend the CSS for that to

    .tablepress-id-1 .row-2 td {
    	background-color: #D9EDF7 !important;
    }

    the hover effect will not apply to that row ?? (Note the !important command.)

    Regards,
    Tobias

    Thanks again Tobias you are awesome!

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    sure, no problem! ??
    You are very welcome!

    Best wishes,
    Tobias

    The solution of custom CSS to make seemingly multiple headers is good. However, what if I have two tables, one need the first two rows to look like header, while the other need the first three rows to do the same. What could I do? use extra CSS classes?

    Thank you

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question.

    No, you would just use the ID based CSS selector. Note the “-id-1” part in the selector .tablepress-id-1. With that, you could give table 1 three header rows, while table 2 gets only two header rows, for example.
    “Extra CSS Classes” would also be an option, if you’ll have multiple tables with two or three header rows.

    Regards,
    Tobias

    Yea! That’s definitely the solution. Thank you for your prompt reply.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    sure, no problem! Good to hear that this helped! ??

    Best wishes,
    Tobias

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘More than one header row’ is closed to new replies.