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 http://tablepress.org/faq/
Regards,
Tobias
Excellent, took your advice and changed the custom css around to make it look like this.
http://www.dontforgetthebubbles.com/blood-pressure-centiles/
A great solution.
Thanks
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
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!
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
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.
Hi,
sure, no problem! Good to hear that this helped! 🙂
Best wishes,
Tobias
