在 ng-repeat 中修改时，绝对位置 div 无法正确呈现 - Chrome 特定问题

Question

这种行为让我有些困惑，因此我希望获得一些外部帮助以了解正在发生的事情。

我准备了一个小提琴来说明http://jsfiddle.net/cseignc/mfoejqum/的行为

我有一个 html 表格，其标题通过一些 CSS 绝对定位第二个标题来保持固定。

由于ng-repeat 指令在列和行的数组中循环，生成了该表。

为了提供水平滚动，同时保持第一列和标题固定，我使用startFrom 和LimitTo 过滤器将列数组过滤为ng-repeat。

我提供导航按钮（左右 V 形）以允许用户水平滚动表格。这些按钮增加/减少传递给startFrom 过滤器的值。

这对表格正文按预期工作，但第二个标题无法正确呈现。我什至发现无法检测到第二个标头呈现方式的一致性 - 或不呈现。

我最初认为这与未调用 $scope.$apply() 有关，但我所有的代码都在 AngularJs 中，所以我不认为有必要调用它...如果我错了，请纠正我.

我发现调整屏幕大小会导致标题正确呈现。

对此的任何见解将不胜感激。

谢谢！

编辑： 上述问题似乎是特定于 Chrome 的。我已经测试了 IE 和 Firefox 中的行为，并且标题在这些浏览器中正确呈现。

Answer 1

我对您的小提琴进行了一些更改，这应该可以让您开始实现您想要的：

http://jsfiddle.net/a06uvkr3/

要点是我：

1) 在控制器中将$scope.skip 初始化为0

2) 抛弃了ng-repeat 过滤器并使用ng-show 和一些基于$index 的逻辑

3) 调整了 CSS，使标题的 .tr-inner 容器是绝对的，而不是里面的东西，并给标题一个固定的高度。还调整了一些填充以解决标题项目被丢弃的问题

显然我无法验证它是否适合您的确切用例，但您可以看到结果更有希望。