GridViewの行の一部を複数行にする

お世話になっております。

Visual Studio2010にて開発を行っており、躓いてしまいました。
ネットで検索しても出てこないため、こちらにて質問させてください。

DataGridにデータを表示させる際、一部の行だけを複数行にしたいのですが、
実装方法が思い浮かびません。
なお、Windowsアプリケーションではなく、WEBアプリケーションになります。
（.netフレームワーク4.0)

以下の例で伝わりますでしょうか。

例）
【初期表示】
　→ヘッダ情報を表示しています。明細情報は現時点で非表示。
　　□はボタンコントロールです。
　　（押下前：□、押下後：■）
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|表題１|表題２|表題３|表題４|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|＿□＿|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|＿□＿|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|＿□＿|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|＿□＿|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
・
・
・

【ボタン押下後】
→押下された行に紐づく明細行をN件表示します。
　※下記例では表題２と表題５の列幅が等間隔になっていますが、実際はデータに依存するため、
　　等間隔ではないです。
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|表題１|表題２|表題３|表題４|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|＿■＿|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.
|＿┗＿|表題５|表題６|表題７|表題８|表題９|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.
|＿┗＿|データ|データ|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.
|＿┗＿|データ|データ|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.
|＿□＿|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|＿□＿|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|＿□＿|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿
・
・
・


現在はヘッダと明細を左外部結合させてすべてを表示させています。
例）
.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|表題１|表題２|表題３|表題４|表題５|表題６|表題７|表題８|表題９|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.
|＿□＿|データ|データ|データ|データ|データ|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿
|＿□＿|データ|データ|データ|データ|データ|データ|データ|データ|
.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿.＿＿＿
・
・
・

(1)ボタン押下時にDBに検索にいき、表示させる。
(2)上記例のように結合状態ですべてを取得し、初期処理状態では明細行データを
　非表示とし、ボタン押下時に表示させる。

(1)、(2)のどちらの方法でも構いません。

制限としてはRepeaterは使用せず、GridViewでの実装となります。
また外部ファイルの読み込み（JQuery等）はなるべく避けたいです。

以上です。よろしくお願いします。
　

No.1 ベストアンサー 回答者： onos 回答日時： 2013/01/25 12:25

http://www.atmarkit.co.jp/fdotnet/dotnettips/989 …

これの応用でいけないかな？

この回答へのお礼

上記ではできませんでしたが、回答ありがとうございました。
別の方法を模索します。

お礼日時：2013/05/11 20:20