확장 행은 반응 - 부트 스트랩

Question

나는이처럼 뭔가를 달성하기 위해 노력하고있어를 react-bootsrap을 사용하여 반응

<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

코드가 작동 중입니다. 클릭하면 숨겨진 행이 토글됩니다. 이 Bootply : http://www.bootply.com/QZPe6DSp1F을 확인하십시오.

아마도 JQuery를로드하지 않으십니까?

Answer 2

이제 Bootstrap이 축소 기능을 구현 했으므로 훨씬 쉽습니다. 봐 here