다른 테이블의 2 행 사이에 테이블을 만드는 방법은 무엇입니까?

Question

나는 특정 조건이 충족되면 테이블간에 (데이터베이스에서 검색된 데이터를 보유하기 위해) 행을 표시해야하는 상황에 처해있다.

그렇게 문제를 단순화하기 위해, 우리는 내가 단지 2 거래 정보 저장소가있는 테이블을 가정 해 봅시다, 그리고 TR 당 2 TD :

<table> 
    <tr> 
     <td>First row</td> <td>First row</td> 
    </tr> 
    <!-- how to insert a table here ?--> 
    <tr> 
      <td>Second row</td> <td>Second row</td> 
    </tr>  
</table> 

어떻게 HTML을 사용하여 2 행 사이에 테이블을 삽입? 삽입 된 테이블의 열 수는 같아야합니다 (사용 가능한 TD와 2 TD이지만 행은 상관하지 않습니다))

Answer 1

두 열에 걸쳐있는 데이터 셀이있는 다른 행을 추가 한 다음 중첩 셀 안의 테이블.

<table > 
     <tr> 
     <td>First row</td> 
     <td>First row</td> 
     </tr> 
     <tr> 
     <td colspan="2"> 
     <table > 
      <tr> 
      <td>First row in nested table</td> 
      <td>First row in nested table</td> 
      </tr> 
     </table> 
     </td> 
     </tr> 
     <tr> 
     <td>Second row</td> 
     <td>Second row</td> 
     </tr> 
    </table> 

데모 : 당신은 직접 테이블 안에 테이블을 배치 할 수 없습니다 https://jsfiddle.net/7oveyv4r/1/

Answer 2

. 작품으로 주위에 우리는 다음과 같이 할 수

<tr colspan="2"> 
<td> 
<table> 
    <tr> 
     <td>Inner Cell11</td> <td>Inner Cell12</td> 
    </tr> 
    <tr> 
      <td>Inner Cell21</td> <td>Inner Cell22</td> 
    </tr>  
</table> 
</td> 
</tr> 

Answer 3

<table> 
<tr> 
<td>First row</td> <td>First row</td> 
</tr> 
<!-- new code below--> 
<tr > 
<td colspan=2> <!-- keep colspan has many as columns in parent table--> 
    <table> 
    <tr> 
     <td>Inner rows</td><td>Inner rows</td> 
    </tr>  
    </table> 
</td> 
</tr> 
<!-- new code ends-->  
<tr> 
<td>Second row</td> <td>Second row</td> 
</tr>  
</table>