css - UI 网格标题、行、页脚和数据与容器诡异地分离

Question

我还没有发现任何关于我在使用 UI-Grid 时遇到的情况，所以我会尽力解释它。我正在使用 Bootstrap 和 Angular 运行 3.0.0 RC20(稳定版)。我在使用 UI-Grid 时遇到过其他问题，但该元素更新得相当好，而且大部分都消失了。

除了这个问题，我不确定这里发生了什么。在某些情况下，它会出现几次，其中网格会自动调整大小，这会导致这种“跳跃”，其中 ui-grid 的行、页眉和页脚会突然下降到网格容器下方一秒钟，然后返回到网格。这让人迷失方向，但我对测试中的网站没有任何问题。

只是有时，跳转会导致浏览器窗口中出现滚动条。然后行会落回到网格中，滚动条会消失，迫使网格重新绘制，这会使其再次跳转，这会带回滚动条……你明白我要做什么了吗？无休止的小调整循环。这是一个问题。

这是我正在谈论的图像:

所以我删除了 UI-Grid-Auto-Resize 引用，它停止了无限循环，但是落在网格外的行和标题并没有停止(正如您从图片中看到的那样)。

即使在 NG-Grid(过去)中，使用 100% 宽度也存在问题。在 NG-Grid 中，如果网格设置为 100% 宽度且 visible = false，则当网格可见时，网格的列宽将设置为 0 或 1px。我认为此错误从未得到修复，我想知道我的问题是否与该错误完全相关。

我目前使用的是 100% 宽度的网格，这是迄今为止我看到的唯一无法修复的问题。

任何建议、想法等...都会非常有帮助。

Answer 1

此问题已从 3.0.0 RC21 开始修复。

float 渲染容器已更改为绝对容器，它们现在使用边距来处理定位。