Title: [Plugin: WP-Table Reloaded] collapse/expand rows
Last modified: August 20, 2016

---

# [Plugin: WP-Table Reloaded] collapse/expand rows

 *  Resolved [trumpeter](https://wordpress.org/support/users/trumpeter/)
 * (@trumpeter)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/)
 * Hi
 * Thank to Tobias for creating this great plugin, it works very nicely and I am
   hoping to use it in my site.
 * I am using a complicated table with a large number of columns. I would like to
   simplify this information by having each row ‘expand’ when the user clicks on
   it to reveal further information. Here is an example of what I mean:
 * [http://www.jankoatwarpspeed.com/examples/expandable-rows/](http://www.jankoatwarpspeed.com/examples/expandable-rows/)
 * Is there any way to add this function into the plugin?
 * Thanks you.
 * [http://wordpress.org/extend/plugins/wp-table-reloaded/](http://wordpress.org/extend/plugins/wp-table-reloaded/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429413)
 * Hi,
 * yes, that should be no problem.
 * I suggest that you follow the instructions at [http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx](http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx)
   to add this to the table.
 * In this setup, you can basically regard WP-Table Reloaded as the source of the
   HTML code of the table. To create the colspan that holds the details, you would
   use the “colspan” button below the table text input fields.
 * Then just load the script into the page and adjust it accordingly. You might 
   also need to load some CSS code. To include this only on pages with the table,
   I suggest the HiFi plugin ([http://wordpress.org/extend/plugins/hifi/](http://wordpress.org/extend/plugins/hifi/))
   which allows adding content to the header and footer.
 * Regards,
    Tobias
 *  Thread Starter [trumpeter](https://wordpress.org/support/users/trumpeter/)
 * (@trumpeter)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429418)
 * Thanks Tobias.
 * It looks like the jQuery plugin uses a row beneath the main row to expand/collapse.
   Will the table still be sortable?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429426)
 * Hi,
 * yes. that seems to be how it is done. There’s a row for the visible text and 
   then a row for the details.
 * Unfortunately, due to the colspan, the table will no longer be sortable though,
   as the DataTables JavaScript library (which does the sorting) does not support
   colspanned cells 🙁
 * Regards,
    Tobias
 *  Thread Starter [trumpeter](https://wordpress.org/support/users/trumpeter/)
 * (@trumpeter)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429434)
 * Oh that’s a shame 🙁 I really need to keep the sortable option.
 * Do you know if there is any other way to present additional info while maintaining
   the table as sortable?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [14 years, 6 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429477)
 * Hi,
 * I have seen something like this with the DataTables library as well, but I can’t
   find it right now 🙁 I know that it was on the DataTables website (www.datatables.
   net), so I suggest that you look around there.
 * Regards,
    Tobias
 *  [webJoko](https://wordpress.org/support/users/devintervisionitnl/)
 * (@devintervisionitnl)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429685)
 * [@tobiasbg](https://wordpress.org/support/users/tobiasbg/): You meant this?
    
   [http://www.datatables.net/release-datatables/examples/advanced_init/row_grouping.html](http://www.datatables.net/release-datatables/examples/advanced_init/row_grouping.html)
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429686)
 * Hi,
 * no, that was not it. But fortunately I found what I meant 8 months ago (I think
   🙂 ):
    [http://www.datatables.net/release-datatables/examples/api/row_details.html](http://www.datatables.net/release-datatables/examples/api/row_details.html)
 * Regards,
    Tobias
 *  [pete911](https://wordpress.org/support/users/pete911/)
 * (@pete911)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429687)
 * Hi thank you for your amazing plugin and the good documentaion.
 * I want to implement the table from from the example
    [http://www.datatables.net/release-datatables/examples/api/row_details.html](http://www.datatables.net/release-datatables/examples/api/row_details.html)
   but i have no clue how to do this. I had a look into your documentation but it
   didnt help me 🙁
 * If a donation motivates you to help me i wont hestitate 😉
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429688)
 * Hi,
 * thanks for the offer, but unfortunately, I’m not available for such professional
   custom work at the moment, due to severe time constraints. Sorry and thanks for
   your understanding.
 * All I can suggest here is what I wrote above: You could try to load this into
   the page manually with the Hifi plugin.
 * Regards,
    Tobias

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

The topic ‘[Plugin: WP-Table Reloaded] collapse/expand rows’ 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/)

 * 9 replies
 * 4 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [13 years, 10 months ago](https://wordpress.org/support/topic/plugin-wp-table-reloaded-collapseexpand-rows/#post-2429688)
 * Status: resolved