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行之间插入表格？插入的表必须具有相同的列数（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>

如何在另一个表的2行之间创建一个表？

3 个答案: