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