个人中心
gpt4 book ai didi

html - 我们可以在同一个 中有多个 吗？
转载 作者：bug小助手 更新时间：2023-10-28 10:53:34 26 4
gpt4 key购买 nike

我们可以有多个 <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 等的分组。主要的是它是一种方便的方法，可以直观地对行进行分组，使数据更具可读性.当然还有其他用途，但就适用示例而言，这一种对我来说是最常见的。

关于html - 我们可以在同一个 <table> 中有多个 <tbody> 吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3076708/

26 4 0
bug小助手
个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章
滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com