<tbody>
同じ に複数のタグを設定できますか<table>
? 設定できる場合、どのようなシナリオで複数の<tbody>
タグを使用する必要がありますか?
ベストアンサー1
はい、使用できます。たとえば、次のように、データのグループをより簡単にスタイル設定するために使用します。
thead th { width: 100px; border-bottom: solid 1px #ddd; font-weight: bold; }
tbody:nth-child(odd) { background: #f5f5f5; border: solid 1px #ddd; }
tbody:nth-child(even) { background: #e5e5e5; border: solid 1px #ddd; }
<table>
<thead>
<tr><th>Customer</th><th>Order</th><th>Month</th></tr>
</thead>
<tbody>
<tr><td>Customer 1</td><td>#1</td><td>January</td></tr>
<tr><td>Customer 1</td><td>#2</td><td>April</td></tr>
<tr><td>Customer 1</td><td>#3</td><td>March</td></tr>
</tbody>
<tbody>
<tr><td>Customer 2</td><td>#1</td><td>January</td></tr>
<tr><td>Customer 2</td><td>#2</td><td>April</td></tr>
<tr><td>Customer 2</td><td>#3</td><td>March</td></tr>
</tbody>
<tbody>
<tr><td>Customer 3</td><td>#1</td><td>January</td></tr>
<tr><td>Customer 3</td><td>#2</td><td>April</td></tr>
<tr><td>Customer 3</td><td>#3</td><td>March</td></tr>
</tbody>
</table>
例はここで見ることができますこれは新しいブラウザでのみ機能しますが、現在のアプリケーションではこれをサポートしています。JavaScript などでグループ化を使用できます。主な点は、行を視覚的にグループ化して、データを読みやすくする便利な方法であることです。もちろん、他の用途もありますが、適用可能な例に関しては、これが私にとって最も一般的なものです。