Jquery 修复了表中的第一行

我有一个由软件创建的网站。在页面上，我有一个如下表：

<table>
    <tbody>
        <tr id="header">
            <th>Header1
            <th>Header2
            <th>Header3
        <tr>
            <td>Info1
            <td>Info2
            <td>Info3
        <tr>
            <td>Info4
            <td>Info5
            <td>Info6

校长1
校长2
校长3
信息1
信息2
信息3
信息4
信息5
信息6

不要问我没有结束标记它是如何工作的，但它确实如此。我想做的是，当我向下滚动页面或甚至在页面内（如果可能）时，固定第一行“

”

我找到了很多解决方案，但他们要求

以及所有这些，但我只能用我现有的解决方案

---

我很确定jQuery可以做到这一点，但我只是从jQuery开始…

您可以在页面中添加简单的CSS：

tr#header {
    position: fixed;
    }
td {
    position: relative;
    top: 25px;
    display: inline-block;
    }

或者可以使用：

$（文档）.ready（函数（）{
$（'.tbl'）.fixedtableheader（）；
}); 

您可以向页面添加简单的CSS：

tr#header {
    position: fixed;
    }
td {
    position: relative;
    top: 25px;
    display: inline-block;
    }

或者可以使用：

$（文档）.ready（函数（）{
$（'.tbl'）.fixedtableheader（）；
}); 

您可以单独在CSS中完成，如下所示：

---

您可以单独在CSS中这样做：

---

---

您可以在CSS中完成此操作。。。检查这里：它确实有效，因为HTML解析器知道TH或TD中没有TR，请参阅HTML规范以了解这一点。这是有效的HTML（3.2/living standard 5.0+），我找到了这个链接，但正如我之前所说的：我没有这个部分，所以我必须使用我所拥有的…也可以使用jQuery固定表插件，请先自己重新搜索。在（非阴影）DOM中没有该元素不会对CSS或jQuery选择器造成任何问题。请更具体地问你的问题。你可以用CSS。。。检查这里：它确实有效，因为HTML解析器知道TH或TD中没有TR，请参阅HTML规范以了解这一点。这是有效的HTML（3.2/living standard 5.0+），我找到了这个链接，但正如我之前所说的：我没有这个部分，所以我必须使用我所拥有的…也可以使用jQuery固定表插件，请先自己重新搜索。在（非阴影）DOM中没有该元素不会对CSS或jQuery选择器造成任何问题。请提出更具体的问题。@Nathan总是乐于帮助：）请在答案中添加相关代码和信息。仅链接的答案通常会被标记@apaul34208谢谢，我添加了简单的CSS代码。我指的是与您建议的插件相关的代码。这是一个很好的解决方案，它只需要在链接关闭或更改时保持有用。插件页面上的链接不起作用。因此，最好使用此链接找到需要帮助的人：@Nathan总是乐于帮助：）请在您的答案中添加相关代码和信息。仅链接的答案通常会被标记@apaul34208谢谢，我添加了简单的CSS代码。我指的是与您建议的插件相关的代码。这是一个很好的解决方案，它只需要在链接关闭或更改时保持有用。插件页面上的链接不起作用。因此，最好将此链接用于需要它的人：

#header{
    position:fixed;
    background:blue;
    z-index:1;
}
#header th{
    border-right: 1px solid #fff;
}
#header :last-child{
    border-right: none;
}
 td{
    position:relative;
    top:25px;
    display:inline-block;
    margin-right:30px;
}