I need to create table with expandable rows. Each row in the table can be expanded to display a secondary row. While I have managed this in the past for other projects, this problem is slightly unique. For the rows that are always visible, I want them to be only 1 column yet stretch across multiple columns. (in HTML, think of the 'colspan' attribute)
I've drawn the interface I'm trying to achieve which should help explain the result I'm after.
interface design
Any thoughts on how I could go about achieving this?