为什么从左向右滚动时ui-grid的高度会发生变化？答案

【问题标题】：Why does the height of ui-grid changes when I scroll from left to right?为什么从左向右滚动时ui-grid的高度会发生变化？
【发布时间】：2017-09-26 13:57:39
【问题描述】：

我在很多项目中都广泛使用了 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>

【问题讨论】：

标签： html angularjs css angular-ui-grid ui-grid

【解决方案1】：

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

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

【讨论】：