设置浮动表头的样式

Question

我使用可用的JavaScript/jQuery脚本here在向下/向上滚动时使表头浮动。我的桌子居中对齐。当我向下滚动时，标题浮动，但它们会左对齐，而表的其余部分是居中对齐的。下面是我现在得到的输出的快照：

​

​

我到底需要在这段JavaScript/jQuery代码或PHP/HTML代码中编辑什么内容才能使它们居中对齐？

更新

Example of problem

Answer 1

这不是你所发现的最优雅的脚本，所以我认为yaponyal的建议是合理的。

有几个原因导致您的小提琴无法工作: jsfiddle不喜欢脚本的直接onload事件附件，因此您可以将其更改为：

window.addEvent("domready", function() {
    this.build_header();
});

此外，每次滚动时运行的setheader函数还必须设置标题的水平位置。

this.header.style.left = this.table_obj.offsetLeft + "px";

有关不能自动居中的原因，请参阅here。如果愿意，您可以修改脚本，将克隆的表头放在文本居中对齐的div中。

此外，该脚本在没有附加"px“的情况下设置了标头的顶值。这在我的浏览器中不起作用，我不得不将其更改为：

this.header.style.top=Math.round(screenpos) + "px";

http://jsfiddle.net/VHaaw/3/

Answer 2

在页面加载时，页眉是否显示在顶部？如果是这样，我建议将头文件分离到单独的div中，根据您的需要设置样式，然后将位置设置为固定到div。您可以使用css属性margin: 0 auto；根据页面宽度居中显示数据。