Javascript 固定表中的标题

我正在开发一个小页面，它是修复表头所必需的，当用户滚动时，表头仍然存在。我用JSFIDLE编写了一小段代码，我的页面的一个示例，但它不起作用，我不知道为什么。我做错了什么

你可以看到我到目前为止做了什么

---

按照此操作将以下内容添加到样式表中：

.PersistentHeader{
      position:fixed;
 }

---

你需要这样的东西忽略尺寸和填充物，这只是为了在我把它传递给你之前让它工作：

CSS:

HTML:

---

好的，我花了一些时间来理解你需要什么。您要做的事情称为浮动表头。我已经尝试了所有可能的jQuery脚本。我和他们都有过争执，只有一个。如果您只是在寻找这个特性，而您的fiddle代码没有情感价值。然后使用。这是最先进的浮动头插件。检查

基于您的小提琴的现场演示，添加：

---

我也遇到过类似的问题，并且在表的浮动标题行方面遇到了一些或其他问题。我面临的一些问题是特定于浏览器的，而有些则是显而易见的，例如浮动页眉不能与水平滚动一起滚动。

---

在：，我试图解决所有常见的问题。希望有帮助。

请参阅纯CSS解决方案。不可能，如果我加上这一点，单元格的宽度是错误的。我遵循这个例子

td 
    {
        padding:10px;
        }
        th 
        {
            position:fixed;
            background:black;
            color:White;
            width:378px;
            padding:10px;
            }
     #tableContainer 
     {
         width:400px;
         height:400px;
         overflow-y:scroll;
         overflow-x:hidden;
         border:solid 1px #ccc;
         }
     table 
     {
         width:400px;           
         }       

<div id='tableContainer'>
<table cellpadding="0" cellspacing='0'>
    <tr>
        <th>Header</th>
    </tr>
    <tr>
        <td>Text</td>
    </tr>
    <tr>
        <td>text</td>
    </tr>
    <tr>
        <td>text</td>
    </tr>
</table>
</div>