时间戳

首页 > 解决方案 > 使用 autoHeight 的 ag-grid 中的单行在行后有额外的空间

ag-grid - 使用 autoHeight 的 ag-grid 中的单行在行后有额外的空间

问题描述

我在一个角度项目中使用 ag-grid，我想使用 autoHeight。当网格中只有一行时，网格内的行下方有空间。 具有单行和额外空间的网格

添加第二行时， autoHeight 工作正常并且不显示额外的空间。 有两行且没有额外空间的网格

当有单行时，我可以通过手动设置高度来删除空间

this.systemOptions.length === 1 ? this.gridApi.setDomLayout() : this.gridApi.setDomLayout('autoHeight');

但我更愿意对任意数量的行使用 autoHeight。有没有办法使用 autoHeight 显示单行，而行下方没有额外的空间？

标签： ag-gridag-grid-angular

解决方案

这是文档所说的，但是我已经将代码从 更改为unset，40因为这对我有用，而且如果没有最小高度，它看起来真的很奇怪。

使用自动高度时，网格行部分至少设置为 150 像素。这是为了避免看起来很奇怪的空网格。要删除此最小高度，请添加以下 CSS：

.ag-center-cols-clipper {
    min-height: 40 !important;
}

来源： https ://www.ag-grid.com/javascript-data-grid/grid-size/

推荐阅读