多数の列を持つ HTML テーブルがあり、水平方向にうまく収まるように、その幅はブラウザーの表示幅をはるかに超えています。列のサイズを小さくすると、テーブルが読めなくなります。私の頭に浮かんだ1つの解決策は、子行を構築して長い行を分割することです（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
.
.
.
出来ますか？
または、セル幅を詰まらせずに列を垂直に広げる他の方法はありますか?