jquery - <th> 边框在 IE 中不起作用

Question

我有以下代码可以在向下滚动页面时修复表格的标题。

我不知道为什么，但在 FF 中无法正常工作 :(

查看代码:http://jsfiddle.net/S63dy/

如果您在 fiddle 之外尝试，它在 FF 中的效果就像一个魅力，但边框不会在 IE 上显示。

我正在使用 IE9 和 IE Tester(我在另一台装有 IE8 的机器上试过)。

我尝试通过设置行样式和使用内部来使用标题，但在 IE 上也没有边框。

有人可以帮助我吗？

谢谢，抱歉英语不好

Answer 1

您的 CSS 看起来没问题，但是您将整个克隆表的 visibility 设置为 hidden - 看起来这是在阻止边框渲染。

你可以改变这个:

$("#clone").css({
    visibility: 'hidden'
});

到:

$("#clone").children().not('thead').css({
    visibility: 'hidden'
});

参见 this jsfiddle .

或者甚至更好的是删除不必要的 tbody 并且根本不要触及 visibility。

或者自己克隆 thead - 如果您正在处理一个巨大的表，这将占用更少的内存。