是否可以通过CSS在HTML表格中创建子行？

Question

我有包含大量列的HTML表格，并且为了获得良好的水平拟合，其宽度远远超出浏览器可见宽度。减小列的大小也会使表格不可读。我想到的一个解决方案是构建子行来打破长行（thead或tbody）。例如

Parent thead row
<tr>
a Child row: <th>Col1</th><td>Col2</th><td>Col3</th><td>Col4</th><td>Col5</th>
next Child row: <th>Col6</th><td>Col7</th><td>Col8</th><td>Col9</th><td>Col10</th>
</tr>
End of Parent thead row

Parent tbody row1
<tr>
a Child row: <td>Content1</td><td>Content2</th><td>Content3</td><td>Content4</td><td>Content5</td>
next Child row: <td>Content6</td><td>Content7</td><td>Content8</td><td>Content9</td><td>Content10</td>
</tr>
End of Parent tbody row

Parent tbody row2
.
.
.

有可能吗？

或者有没有其他方法可以垂直扩展列而不会阻塞单元格宽度？