My title is a bit weird as I'm having trouble explaining what I mean, so let me try to clarify. I have a UI that is meant to have a single repeating row of "header" data and then "detail" data under it. An example would be something like this in pseducode layout:
Header Row 1
Detail Row 1
Detail Row 2
Detail Row 3
Header Row 2
Detail Row 4
Detail Row 5
Detail Row 6
In MVC I would do something like this (again, pseudocode):
<table>
@foreach (var m in Model.EnrollmentPeriods) {
<tr class="header">
<td>@m.EnrollmentPeriodName</td>
<td><button id="newElectionButton">New Election</button></td>
</tr>
@foreach (var m2 in m.EnrollmentDetails) {
<tr>
<td>@m2.BenefitClass</td>
<td>@m2.Region</td>
<td>@m2.Band</td>
<tr>
@}
@}
</table>
I have looked at the RadGrid and RadListView, and neither seem to do what I want. I'm not trying to use grouping, I basically need to have a way to say this set of data is repeated on this row, and this other set of data is repeated below it. If you look at the attachment (hopefully it comes), the gray shaded area is the "header" portion that needs to be repeated and the white part is the "detail" records. I can handle the button parts myself, it's mainly just the layout because none of the controls seem to allow for a non-grouping header row, and the gray part needs to be for each "section", it can't repeat with each row of data.