Estoy tratando de encontrar la mejor manera de construir una tabla de desglose HTML en términos de etiquetas. Debe ser simple pero lo más importante debe ser lógico.

¿Hay algún estándar preferido sobre cómo hacer esto? ¿Qué recomendarías

Una posible solución sería ' colspan '.

<tbody>
<tr><td> + </td><td>Summery row 1</td><td>Summery row 1</td></tr>
<tr><td> + </td><td>Summery row 2</td><td>Summery row 2</td></tr>
<tr style=hidden><td colspan=3>drilldown data goes here...</td></tr>
</tbody>

Otra solución sería ' tbody ':

<tbody>
<tr><td> + </td><td>Summery row 1</td><td>Summery row 1</td></tr>
<tr><td> + </td><td>Summery row 2</td><td>Summery row 2</td></tr>
</tbody>
<tbody id=DrilldownDataOfRow2 style=hidden>
<tr><td></td><td>drilldown data goes here...</td></tr>
</tbody>