Title: [Plugin: WP-Table Reloaded] Multiple table headers
Last modified: August 19, 2016

---

# [Plugin: WP-Table Reloaded] Multiple table headers

 *  Resolved [Harrisonbro](https://wordpress.org/support/users/harrisonbro/)
 * (@harrisonbro)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/)
 * Hi
 * I was wondering if there was a way of having multiple headers in a table made
   by WP-Table Reloaded? I have a table of information with multiple sections and
   have styled table headers in my stylesheets so the first row looks good. However,
   in the middle of the table there are other row I’d like to use a headers to denote
   sections.
 * So, is there a way of making specific row(s) a header with your plugin?
 * Cheers, Harrison

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

 *  [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/#post-1854337)
 * Hi Harrison,
 * thank you for your question.
 * Unfortunately, what you want is not that easy. This is however not a limitation
   of WP-Table Reloaded, but of the way how tables on websites work. The current
   standard does not allow for multiple headers as far as I know, so this simply
   means that browsers don’t have a way to show multiple headers.
    Now, this is 
   the theory when using the “real” table headers, which are a special HTML element.
   You could however create “fake” table headers in your table. This simply means
   to take a regular table row and use CSS styling to style that row so that it 
   matches the styling of the header row. Do you know what I mean?
 * Regards,
    Tobias
 *  Thread Starter [Harrisonbro](https://wordpress.org/support/users/harrisonbro/)
 * (@harrisonbro)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/#post-1854350)
 * Wow – thanks for the speedy reply! Not my usual experience of forums…
 * Yes, I agree about the limitations of html table headers and am happy to simple
   add a class to a row to give the correct styling. If I setup this class in my
   theme’s stylesheet how can I go about adding the class to a specific row? Can
   it be done in the WP-Table Reloaded plugin page? I want to avoid hacks at all
   costs since the content for the site I need this for will be added by individuals
   that aren’t particularly familiar with HTML or the WordPress system.
 * Harrison
 *  Thread Starter [Harrisonbro](https://wordpress.org/support/users/harrisonbro/)
 * (@harrisonbro)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/#post-1854351)
 * * happy to _simply_ add a class…
 *  [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/#post-1854355)
 * Hi Harrison,
 * > * happy to simply add a class…
 * And this is where the problems start 🙂 Unfortunately, there is no simple way
   to add a class to a table row (there’s simply no UI for this in the plugin). 
   Instead, you will need to use the row number based selectors.
    For example, to
   style row 5 of table 3, you would use
 *     ```
       .wp-table-reloaded-id-3 .row-5 td {
         background-color: #ff0000!important;
       }
       ```
   
 * Regards,
    Tobias
 *  Thread Starter [Harrisonbro](https://wordpress.org/support/users/harrisonbro/)
 * (@harrisonbro)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/#post-1854359)
 * That is a shame! I have however found a solution: I realise that all the rows
   I wish to style like headers span two rows so I can simply target
    `td[colspan
   ="2"] { ... }` Thought you might be interested!
 * Thanks for all your help and your great plugin.
 * Regards,
    Harrison
 *  [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/#post-1854362)
 * Hi,
 * yeah, sorry 🙂 There’s no real need for the possibility to add custom CSS classes
   to rows, and it just makes the UI more complicated, therefore I simply didn’t
   implement it.
 * Nice idea with the colspan targeting, I like that. By the way, this would actually
   give you a CSS class then, because colspanned cells also get the `colspan-2` 
   class.
 * So, instead of the `td[colspan="2"] { ... }`, which might not always work on 
   older browsers, you should use
 *     ```
       .wp-table-reloaded .colspan-2 { ... }
       ```
   
 * (I also like to prepend the table class to table related CSS code, so that it
   does not interfere with other code.)
 * Best wishes,
    Tobias
 *  Thread Starter [Harrisonbro](https://wordpress.org/support/users/harrisonbro/)
 * (@harrisonbro)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/#post-1854365)
 * That’s perfect. Thanks for the tip about the classes – makes it safer for browsers.
 * Thanks again for all your help. I wish all developers were this helpful…
 * Harrison
 *  [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/#post-1854371)
 * Hi,
 * no problem, you are very welcome! 🙂
 * Regards,
    Tobias

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

The topic ‘[Plugin: WP-Table Reloaded] Multiple table headers’ is closed to new 
replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-table-reloaded_f7dcd3.svg)
 * [WP-Table Reloaded](https://wordpress.org/plugins/wp-table-reloaded/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-table-reloaded/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-table-reloaded/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-table-reloaded/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-table-reloaded/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-table-reloaded/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [table headers](https://wordpress.org/support/topic-tag/table-headers/)

 * 8 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [15 years, 5 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-multiple-table-headers/#post-1854371)
 * Status: resolved