How to create multiple table header table

Hi,

thanks for your question.

Directly creating multiple headers is not possible, as tables in web browsers don’t directly support that. You will basically have to “fake” this effect by changing the styling/coloring of a row in the table to match the styling of the header row. The TablePress FAQ at https://tablepress.org/faq/ will show you the necessary CSS code for this.

Regards,
Tobias

Excellent Tabias, that was really important although makes table editing makes little harder if you want to add new rows but for now I am happy with it..

One other problem now is that font style is not same as the actual tablepreass header. It does not matter what I do I can not get it to the same font nor same letter spacing.

Third table on this page OPTION 1 – ELECTIVE UNITS

Thank you for your generous time

Hi,

good to hear that this approach worked!

About the font: You are just missing the correct font family in the “fake” header row, and maybe the line height:

padding: 3px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
line-height: 26px;

Regards,
Tobias

That did it many thanks. I am starting to like it now as I know how it works.

Hi,

no problem, you are very welcome!
Great to hear that this helps! ??

Best wishes,
Tobias

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