Sticky rows with adjacent rows

redmumba

I've seen a few threads about sticky rows, but all of them deal with some method of dynamically filling in the data. I.e., you click on it, and it inserts raw HTML into the DOM. None of them deal with hiding and showing information currently in the DOM.

I have information that is stored in adjacent rows that I'd like to be able to display on click--there is always a 1-1 relation (so every row will have a detail row underneath it), like so: http://live.datatables.net/lufatuqu/1 The sample doesn't include the on-click action, but you can assume that it will be implemented.

I guess I could throw the rows into another table and add unique IDs that match the "overview" row, so that I could dynamically add it to the DOM as needed, but this just seems very messy. Any ideas?