Сгруппированная сетка с расширяемыми группами

Есть ряд вопросов по теме вложенности видов сетки или наличия вложенных видов сетки. Я рассмотрел этот подход, но это слишком много для моих целей. Самый близкий существующий вопрос, который я мог найти, был этим:Сгруппированный Gridview

К сожалению, хотя у этого и есть несколько советов о том, как создавать группирующие строки, он не делает их свертываемыми.

Мое требование состоит в том, чтобы я хотел, чтобы пользователь видел вид сетки с разделительными строками, например,

- GROUP 1
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3
- GROUP 2
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3
- GROUP 3
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3

Чтобы пользователь мог, если хотел, посмотреть так:

+ GROUP 1
- GROUP 2
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3
- GROUP 3
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3
Data 1 | Data 2 | Data 3

Или это:

+ GROUP 1
+ GROUP 2
+ GROUP 3

По сути, все строки группирования содержат название группы. Они даже не совсем правильные строки Gridview. Фактические строки являются собственно сеткой и не нуждаются в дальнейшей возможности детализации.

Я хотел бы, чтобы мое решение было работоспособным на стороне клиента, у меня есть ограничения, которые заключаются в том, что я могу использовать javascript или jQuery (включая jQuery-ui 1.8.8), но не могу произвольно увеличить количество используемых AJAX-наборов инструментов. Я бы предпочел, чтобы вам не приходилось постоянно управлять состоянием страницы через многократные групповые постбэки.

Это то, что может быть достигнуто? Может ли кто-нибудь указать мне направление, которое может дать мне толчок?

РЕДАКТИРОВАТЬ: О, да, и я забыл упомянуть. Строки базового вида сетки иногда содержат элементы управления, включая, но не ограничиваясь: кнопки, текстовые поля, флажки и раскрывающиеся списки.

Ответы на вопрос(1)

Ваш ответ на вопрос