DataTable with sub rows in a webpart

Hi,

In my webpart, I would like to create a table that looks like the following which will be populated with data from a database.

I used to use SPGridView and bound to a DataTable, but that was more for simple rows. How can I do something like this with more levels within a row? The red bolded text is the header.

I don't need to use SPDataView if there is alternatives.

Thanks in advance. Your help would be greatly appreciated.