C# asp.net gridView с созданием/удалением рядков "на лету"

Описание:

на страничке есть фильтры (неважно), кнопка и грид, по нажатию кнопки генерится дататейбл - датасорс грида.

Колонки грида:

вид_спорта, турнир_1, игра_1, количество_1, команда_1(кнопка), турнир_2, игра_2, количество_2, команда_2(кнопка)

Описание данных:

иерархическая структура 

уровень 1: вид_спорта

уровень 2: турнир_1, турнир_2

уровень 3: игра_1, игра_2

количество 1/2 - количество игр в турнирах и видах спорта

Что нужно сделать:

код, которые по нажатию кнопок "открывал"/"закрывал" бы рядки с турнирами/играми

Например:

1. имеем датасорс

"Футбол", "Украина","Динамо:Шахтер",   -, -

"Футбол", "Украина","Металлург З:Днепр",   -, -

"Футбол", -, -, "Англия", "Ливерпуль:МЮ"

"Футбол", -, -, "Англия", "МС:Бернли"

"Футбол", -, -, "Англия", "Ньюкасл:КП"

"Футбол", -, -, "Испания", "Жирона:Севилья"

2. первоначально видим в гриде единственную строку

Футбол - - 2 - - 4

3. Если нажимаем кнопку(любую) в этой строке то получаем грид

4. Если захотим открыть Украину получим грид вида

5. Если захотим открыть еще Англию получим грид вида

и т д.

Примечания:

Видов спорта может быть 1-Н

Чемпионатов может быть 1-М

По нажатию кнопок рядки можно как открывать так и закрывать

Формат датасорса можно, конечно, изменить, структура данных думаю понятна.

Если есть вопросы - задаывайте 🙂