Question

我正在使用google visualization table创建html table。我使用stuckpart div修复了html的顶部部分，这样无论我如何滚动页面，按钮总是固定的。现在我还希望将表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;
}

在html

1 个答案: