对于原生html表格的嵌套

问题

救大命了，因为一直在项目中使用饿了么的ui组件库，所以近期有个需求是要使用html给后端写pdf模板，模板中有一个表格，每行数据下面可能会有一个缩进的块元素来展示详情。问题就出现在这个块元素上，在后端生成的模板中也就是ftl文件进行循环时，表格中只有第一行数据是在tr里面的，其他行都不在。
因为table里面只能嵌套tr、td，无法展示div，我把详情写在div里面了，这肯定不对啊！！！

解决办法

思路为，在表格中再嵌套一个表格，大致代码如下，数据随便填充的，毕竟ftl我也不懂，#if判断之类的我就省略了

<table>
<thead>
<tr><td>姓名</td></tr>
<tr><td>年龄</td></tr>
<thead>
<tbody>
<tr><td>小红</td><td>20</td></tr>
/*重要的地方来了*/
<tr>
<td colspan="2">
<table  style="width:100%">
<tr>
<td style="background:#fff;padding-left:10%;">
<div>因为单元格有padding，所以我是缩进了的详情吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</div>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>