2017-05-10 25 views
0

나는 데 하나 개의 테이블을 확장하고 숨기기 쇼 행은 마이 원 <tr>은 부모와 다음 내가부트 스트랩 - 접을 수있는 행 - 나는 두 번째 행을 숨기려는 우리가 확장 행 의 목록을

을 확대하고 자식 확장되지 않을 때. 다음은 내가 나는 또한 추가 한 이미지를 사용하고있는 코드입니다 :

<tr class="clickable apply-max-width"> 
    <td class="table-tr1-td1 togglebutton" data-toggle="collapse" data-target="#accordion5"><b aria-hidden="true"><img src="../images/plus.png"/></b></td> 
    <td>[email protected]</td> 
    <td colspan="2">WD154590</td> 
    <td>2/1/2017</td> 
    <td>Yes</td> 
    <td></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
    <td colspan="2"> 
     <div id="accordion5" class="accordion collapse data-found"> 

      <table class="table table-striped data-table-inner-disabled div-found"> 
       <thead> 
        <tr> 
         <th></th> 
         <th class="">Application</th> 
         <th class="">App Role</th> 
         <th>Workflow Status</th> 

        </tr> 
       </thead> 
       <tbody> 
        <tr> 
         <td class="application-User-inv"><img src="../images/delete_1.png" class="img-responsive" /></td> 
         <td class="application-User-inv">Portal</td> 
         <td>User</td> 
         <td>Pending Approval</td> 
        </tr> 
        <tr> 
         <td class="application-User-inv"><img src="../images/delete_1.png" class="img-responsive" /></td> 
         <td class="application-User-inv">SSR</td> 
         <td>User</td> 
         <td>Provisioned</td> 
        </tr> 
       </tbody> 
      </table> 

     </div> 
    </td> 
    <td></td> 
    <td> 

    </td> 
    <td></td> 
</tr> 

Please refer below image

답변

1

당신은해야한다 : 빨간 <tr> 내가 .. 당신은 또한 다음 행으로 확장 <tr>을 볼 수 있습니다 숨기려 가능하면 JQuery을 사용해보십시오. 그렇게하면 JS를 사용하여 요소 표시/숨기기 상태를 관리 할 수 ​​있으며 브라우저에서 상태를 저장할 수 있습니다.

+0

여러 옵션을 사용하여 이미 시도했지만 아무 것도 해결되지 않았습니다. 내가 시도 할 수있는 코드 스 니펫을 공유 할 수 있습니까? –