为什么当我从左向右滚动时 ui-grid 的高度会改变?

Why does the height of ui-grid changes when I scroll from left to right?

我在许多项目中广泛使用了 ui-grid。但是最近当我将它用于大量列时,我开始遇到一个奇怪的问题。

因为有很多列(大约 50 个),所以如果我从初始状态滚动到右侧查看列,由于某些原因,网格的整体高度会改变几个像素。 当我向右滚动时,高度似乎增加了更多。我的猜测是,每当一组新的列进入网格的可见框架时,高度就会发生变化

这也导致我的水平滚动条在滚动时消失。

找不到任何相关问题。有没有人遇到过它? 我可能做错了什么吗?

如果这有帮助,我目前为每列配置了一个 width : 120,配置最少。没有过滤器,还没有排序。

P.S : 我没有发布任何 JS 代码,因为我有一个巨大的列定义,这就是我现在所拥有的。然而我的html看起来像这样

<div ng-if="rc.dataArrived" class="gridStyle" ui-grid="rc.gridOptions" ui-grid-edit ui-grid-row-edit ui-grid-cellNav ui-grid-resize-columns ui-grid-pagination style="margin-bottom:20px;margin-top:20px;width:99%;padding-bottom: 32px;"></div>

由于少数列 header 中的长文本,高度正在发生变化。在固定宽度的情况下,这些 header 被包裹在多行中。每个 header 文本中都应用了填充,进一步增加了 header 高度,从而导致总高度增加。

我增加了每列的宽度,现在虽然高度发生变化,但我的水平滚动保持不变。