javascript - 样式化浮动表头

Question

我正在使用此处提供的 JavaScript/jQuery 脚本来让表格标题在向下/向上滚动时浮动。我的桌子居中对齐。当我向下滚动时，标题浮动但它们左对齐，但表格的其余部分是中心对齐的。这是我现在得到的输出快照：

我究竟需要在这个 JavaScript/jQuery 代码或我的 PHP/HTML 代码中编辑什么以使它们居中对齐？

更新

问题示例

Answer 1

这不是您找到的最优雅的脚本，所以我认为 yaponyal 的建议是合理的。

您的 fiddle 不起作用有几个原因： jsfiddle 不喜欢脚本的直接 onload 事件附件，因此您可以将其更改为：

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

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

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

不能自动居中的原因见这里。如果您愿意，您可以修改脚本以将克隆的表头放在文本居中对齐的 div 中。

此外，该脚本在不附加“px”的情况下为标题设置了一个最高值。这在我的浏览器中不起作用，我不得不将其更改为：

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

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

Answer 2

在页面加载时，标题是否出现在顶部？如果是这样，我建议将标题分离到一个单独的 div 中，根据您的需要对其进行样式设置，然后设置一个固定到 div 的位置。您可以使用 css 属性 margin: 0 auto; 根据页面宽度居中数据。