Я бы использовал Repeater
с Table
и сделал бы так, чтобы каждый RepeaterItem
представлял собой две строки таблицы.Сделайте 2-й ряд скрытым, а 1-й ряд переключите видимость 2-го при нажатии.
Я не помню точный синтаксис, но он выглядит примерно так:
<asp:Repeater>
<HeaderTemplate><table></HeaderTemplate>
<ItemTemplate>
<tr click="javascript: ToggleNextRow(this);">
<td><%# Eval("Id") %></td>
<td><%# Eval("Name") %></td>
<td><%# Eval("Description") %></td>
</tr>
<tr style="display: none;">
<td colspan="3"><%# Eval("Details") %></td>
</tr>
</ItemTemplate>
<FooterTemplate></table></FooterTemplate>
</asp:Repeater>