边界不在IE中工作

Question

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

我不知道为什么，但是小提琴不在FF中工作:(

请参阅代码：http://jsfiddle.net/S63dy/

如果你尝试外面的小提琴，它就像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 - 如果你正在处理一个巨大的表，这将占用更少的内存。

Answer 2

你不应该在CSS中设置TH的样式。

TH是标题单元格。

TD细胞用于适合您的数据。