我们可以在同一个<table>中有多个<tbody>吗？

我们可以在同一个<table>有多个<tbody>标签吗？ 如果是，那么在什么情况下我们应该使用多个<tbody>标签？

---

是的，您可以使用它们，例如，我可以使用它们更轻松地设置风格的数据组，如下所示：

<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>

然后，您可以轻松地设计它们，如下所示：

tbody:nth-child(odd) { background: #f5f5f5; }
tbody:nth-child(even) { background: #e5e5e5; }

你可以在这里查看一个例子，它只能在较新的浏览器中工作......但这是我在当前应用程序中支持的，你可以使用JavaScript等组合。最主要的是它是一种便捷的方式行使数据更具可读性。 当然还有其他用途，但就适用的例子而言，这是最常见的例子。

---

是。 来自DTD

<!ELEMENT table
     (caption?, (col*|colgroup*), thead?, tfoot?, (tbody+|tr+))>

所以它期望一个或多个。 然后它继续说

在表行组之间需要规则时使用多个tbody部分。

---

根据这个例子可以完成：w3-struct-tables。

链接地址: http://www.djcxy.com/p/88193.html

上一篇: Can we have multiple <tbody> in same <table>?

下一篇: How to deal with page breaks when printing a large HTML table