Css 在ng repeat中修改时绝对位置div未正确渲染-特定于Chrome的问题

这种行为让我有些困惑，所以我希望能有一些外部帮助来了解正在发生的事情

我准备了一把小提琴来说明这种行为

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

该表是通过循环遍历列和行数组的

ng repeat

指令生成的

为了提供水平滚动，在保持第一列和标题固定的同时，我使用

startFrom

和

limito

过滤器将列数组过滤为

ng repeat

打开

我提供了导航按钮（左和右V形），允许用户在表格中水平滚动。这些按钮递增/递减从过滤器传递到

开始的值

这与预期的表体工作方式相同，但第二个标头无法正确呈现。我甚至发现不可能检测第二个头的呈现方式是否一致

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

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

对此有任何见解都将不胜感激

谢谢

编辑：
上述问题似乎是特定于Chrome的。我已经在IE和Firefox中测试了这种行为，并且在这些浏览器中标题显示正确。
我对你的小提琴做了一些更改，这应该会让你在实现你想要的东西方面有一个开始：


要点是：

1） 已初始化
$scope。在控制器中跳到0

2） 放弃了
ng repeat
过滤器，使用了
ng show
，并基于
$index

3） 调整CSS，使标题的
.tr inner
容器是绝对的，而不是其中的内容，并给标题一个固定的高度。还调整了一些填充，以说明标题项被稍微抛出

显然，我无法验证它是否适合您的具体用例，但您可以看到结果更有希望。
我对您的小提琴做了一些更改，这将为您在实现您想要的方面提供一个开始：


要点是：

1） 已初始化
$scope。在控制器中跳到0

2） 放弃了
ng repeat
过滤器，使用了
ng show
，并基于
$index

3） 调整CSS，使标题的
.tr inner
容器是绝对的，而不是其中的内容，并给标题一个固定的高度。还调整了一些填充，以说明标题项被稍微抛出

显然，我无法验证它是否适合您的具体用例，但您可以看到结果更有希望。
一切都适合我，或者我不理解这个问题。00@BroiSatse，当您通过导航按钮水平滚动时，标题的呈现不稳定。我觉得一切正常，或者我不理解这个问题。00@BroiSatse，当您通过导航按钮水平滚动时，标题的呈现不稳定。感谢您的回答……除非我弄错了，否则1）和2）似乎没有多大作用。与你的方法或我的方法相同。3） 正在移除ng重复中div的绝对位置。这导致div呈现一致性，但现在它与表列不一致…我想我们回到了标题中我的初始问题：如果在ng范围内，为什么绝对位置的div不能正确呈现，而没有绝对位置的div重复出现？感谢您的回答…除非我错了，1）和2）似乎做得不多。与你的方法或我的方法相同。3） 正在移除ng重复中div的绝对位置。这导致div呈现一致性，但现在它与表列不一致……我想我们回到了标题中我的初始问题：如果在ng范围内重复，那么为什么带绝对位置的div呈现不正确，而不带绝对位置的div呈现不正确？