他のテーブルの2行の間にテーブルを作成する方法は？

Question

私は、特定の条件が満たされた場合にテーブル間で（データベースから取得したデータを保持するために）行間を表示する必要がある状況にあります。

ので、問題を単純化するために、私たちは私が唯一の2のTR、及び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

2つの列にまたがるデータセルを持つ別の行を追加して、セル内のテーブル。

<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>