Расширение строки внутри таблицы с помощью реакции-самозагрузки

Question

Я пытаюсь добиться чего-то подобного в срабатывают с помощью react-bootsrap: http://www.bootply.com/T0v2NlXryW

Мои реагировать код сейчас, но не работает:

<Table> 
<thead> 
    <tr> 
     <th>Job Name</th> 
     <th>Description</th> 
     <th>Provider Name</th> 
     <th>Region</th> 
     <th>Status</th> 
    </tr> 
</thead> 
<tbody> 
    <tr data-toggle="collapse" data-target="#demo1" className="accordion-toggle"> 
     <td>OBS Name</td> 
     <td>OBS Description</td> 
     <td>hpcloud</td> 
     <td>nova</td> 
     <td> created</td> 
    </tr> 
    <tr> 
     <td colspan="12" className="hiddenRow"> 
      <div className="accordian-body collapse" id="demo1"> 
       <h1>Hi from the hiddenRow</h1> 
      </div> 
     </td> 
    </tr> 
</tbody></Table> 

Таблица отображается правильно, но строки не расширяются при нажатии.

Answer 1

Ваш код работает на меня - скрытая строка переключается при нажатии. Проверьте этот комплект: http://www.bootply.com/QZPe6DSp1F.

Возможно, вы не загрузили JQuery?

Answer 2

Теперь это стало намного проще, так как Bootstrap реализовал функцию свернуть. Посмотрите here