Creating Accordion Table with Bootstrap

Question

I have a table that\'s populated from a database which has lots of columns (around 30). A solution someone thought of was to create an accordion out the table, where each ro

Answer 1

In the accepted answer you get annoying spacing between the visible rows when the expandable row is hidden. You can get rid of that by adding this to css:

.collapse-row.collapsed + tr {
     display: none;
}

'+' is adjacent sibling selector, so if you want your expandable row to be the next row, this selects the next tr following tr named collapse-row.

Here is updated fiddle: http://jsfiddle.net/Nb7wy/2372/