修复html表格标题中的html

Question

我正在使用google visualization table创建html table。我修复了html的顶部，使用了stuckpart div，这样无论我如何在页面上滚动，按钮都是固定的。现在我也希望表格header在button之下被修正。我的布局是这样的：

<div class="stuckpart"> 
     <button type="button">this button is fixeddddddd</button> 
</div> 
<div id="table_div"></div> 

我得到的东西的工作是这样的：http://jsfiddle.net/RjHMH/95/

正如你所看到的，表头是不固定的。从Firefox，我可以看到该表的标题类是google-visualization-table-tr-head。无论如何，我可以修复这个头，只需滚动表体？

Answer 1

像这样：

http://jsfiddle.net/RjHMH/119/

我改变了一些奇怪的位置，并且增加了一个高度，以实际的表并设置表身滚动。

.stuckpart{ 
position:fixed; 
z-index: 100; /*So easy, if you don't know z-index that mean you sucks*/ 
} 

#table_div{ 
position:relative; 
overflow-y:auto; 
padding-top: 40px; 
height:400px; 
} 
tbody{ 
overflow-y:scroll; 
}