修复表头

Question

我正在开发一个小页面，这是必要的修复表的标题，当用户滚动时，标题仍然在那里。我写了一小段代码，我的页面的一个样本，在jsfiddle和它不工作，我不知道为什么。我做错了什么?

你可以看到我到目前为止所做的。

遵循以下示例

Answer 1

将以下内容添加到样式表中:

.PersistentHeader{
      position:fixed;
 }

Answer 2

好的，我花了一些时间来理解你需要什么。你要做的事情被称为"浮动表头"。我已经尝试了所有可能的jQuery脚本，做到这一点。我对他们都有意见，除了一个。如果您只是在寻找这个功能，并且您的小提琴代码没有情感价值。然后使用浮动头插件。它是最先进的浮动头插件。查看演示

基于您的小提琴的实时演示，通过添加浮动头插件:
http://jsfiddle.net/2AKMh/16/

Answer 3

你需要这样的东西(忽略大小和填充，这只是为了我的缘故，让它在我传递给你之前工作):

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

HTML:

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

Answer 4

我遇到过类似的问题，我有一些或其他问题与表的浮动标题行。我所面临的一些问题是特定于浏览器的，有些是显而易见的，例如浮动页眉不能随着水平滚动而滚动。
在:http://rajputyh.blogspot.in/2011/12/floatingfixed-table-header-in-html-page.html，我试图解决所有常见的问题。