如何使表格中的标题行在向下滚动时固定?(仅在表元素中,不在窗口中)



现在我已经研究了一段时间如何对表进行编码,以便在overflow滚动条上向下滚动时,表的thead(或th)部分变得固定。我不是很成功,因为我要么发现了一些不是我想象的东西,要么使用了一个我不知道如何工作的插件。我看到的一个例子是http://mkoryak.github.io/floatThead/带有溢出选项。我只是看起来越来越沮丧和失落,所以我想我应该问问你们。(我是一个刚开始的网页设计师,所以尽可能地简化是好的。如果这很重要的话,我可以使用jQueryJavascript)

这是我迄今为止的代码:http://codepen.io/PorototypeX/pen/iKJAq

#header_row {
background: #636363;
position: absolute;
width: 1210px;
z-index: 100;
}

下面的代码将使d的tr离开srolling区域。这是我能做的最好的事情,把所有其他代码都弄乱了。

thead tr{
position: relative;
top: 100px;
}

这是可行的,但你必须在th上设置尺寸,这样才有意义。

请参阅下面的一篇旧文章,帮助您处理浮动标题http://linodh.blogspot.com.au/2011/03/gridview-header-floating-using-jquery.html

最新更新