2014-02-12 6 views
0

Я пытаюсь построить следующий интерфейс с использованием начальной загрузки базы:Collapse строки в таблице

Он должен содержать таблицу со строками двух типов, скажем типа # 1 и # 2 типа. Каждый из этих типов имеет различное количество ячеек в строке. Несколько строк типа №2 могут следовать за строкой №1. Я хотел бы иметь возможность скрыть/показать все строки типа # 2, которые следуют за строкой типа # 1, щелкнув по ней.

Например, у меня есть таблица

тип строка # 1

типа строки # 2

типа строки # 2

типа строки # 2

строка тип № 1

строка # Типа 2

типа строки # 2

При нажатии на первую строку представлении таблицы должен быть изменен следующим образом:

типа строки # 1

рядный тип № 1

рядный тип # 2

тип строки # 2

Как это можно сделать с помощью бутстрапа или, возможно, другой рамки?

Я новичок в веб-разработке, поэтому лучше избегать использования jQuery, JS.

ответ

0

К http://www.w3schools.com/jquery/jquery_hide_show.asp. Я бы переделал ваш стол, чтобы это сработало.

+0

Вы думаете, что я не могу использовать Google? :) Это не то, что я искал ... Я бы хотел избежать использования jQuery – Vcitor

+0

Я бы рекомендовал использовать jquery для этого. Это не так сложно сделать. Я тоже новичок, и все, что мне нужно было сделать, это скопировать и вставить. JQuery - это самый простой способ сделать это. – ENM185

Смежные вопросы