浮动表头的多行

我使用这个脚本飘起我的表头： http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html 浮动表头的多行

这是伟大的工作为我的项目，但我的一个表有2行头，但它只能浮在最佳。有没有简单的方法让它浮动所有的行？

2012-09-17 YungBlood

最大的问题是它只查询第一个表行“tr：first”，而不是像应该那样克隆整个表头“thead”。 – CaffGeek

我认为你正在寻找的东西是这样的：

<table style="position:fixed; top:0;"> 
    <tr> 
     <td>Header1</td> 
     <td Header2</td> 
     ..... 
    </tr> 
</table> 

<table> 
    <tr> 
     <td>Data1</td> 
     <td>Data2</td> 
     .... 
    </tr> 
    .... more rows ... 
</table>

这是什么东西做的是锚头在屏幕的顶部，但将允许其它表滚动像往常一样。您可能需要根据您网页上的其他内容进行一些Z索引。

来源

2012-09-17 17:28:11 thatidiotguy

我试过了，temp禁用了其他代码。我看到2个问题。首先，它不会停留在屏幕的顶部。它正在滚动屏幕。我目前运行的是Firefox 15.0。其次，通过从数据中分离标题，它会打破自动调整大小。 – YungBlood

@YungBlood对不起，它应该已经修复。不是绝对的。让我看看自动调整大小的问题。 – thatidiotguy

所以你可以肯定地做一些Javascript的适当尺寸的东西，但我不知道这是否是一个选项。到目前为止，你只需要用纯css/html来获得我没有的运气。 – thatidiotguy

浮动表头的多行

回答

相关问题