当我从左到右滚动时,为什么UI-Grid的高度会发生变化



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

由于几个列标题中的长文本,高度正在变化。使用固定宽度,这些标头以多行包裹。每个标头文本都有一个填充物,该填充物进一步增加了标题高度,从而导致高度总增加。

我增加了每一列的宽度,尽管高度变化,但我的水平滚动仍然完好无损。

最新更新