我们可以有多个 <tbody>
相同的标签 <table>
?如果是,那么在什么情况下我们应该使用多个 <tbody>
标签?
是的,您可以使用它们,例如,我使用它们来更轻松地设置数据组的样式,如下所示:
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>
You can view an example here .它只适用于较新的浏览器,但这就是我在当前应用程序中所支持的,您可以使用 JavaScript 等的分组。主要的是它是一种方便的方法,可以直观地对行进行分组,使数据更具可读性.当然还有其他用途,但就适用示例而言,这一种对我来说是最常见的。
我是一名优秀的程序员,十分优秀!