如何在 ag grid angular 中使用 domLayout = 'autoHeight' 设置最小高度

如何解决如何在 ag grid angular 中使用 domLayout = 'autoHeight' 设置最小高度

我想知道在使用 domLayout='autoHeight' 时是否有一种方法可以使 ag-grid 具有最小高度？当没有行时，过滤器框会被剪掉，看起来不太好，因为网格的高度太短了。

有没有人遇到过这个并且能够得到一个最小高度，这样当有少量记录时网格就不会那么短？

谢谢

解决方法

据我所知，ag-grid 中没有这样的功能。

简单但肮脏的解决方案： 如果行高是固定的，您可以检查行数并根据它们选择“正常”或“自动高度”布局+为“正常”布局设置网格高度（因为它是必需的）

作为更智能的解决方案（对于具有不同高度的行等）： 网格初始化后，使用 smth 来计算实际网格的高度：

let gridHeight = 0;

this.gridApi.forEachNode(node => {
  const nodeHeight = node.rowHeight;
  gridHeight += nodeHeight;
});

然后，将 gridHeigh 与您的 minHeight 对应并设置适当的布局并将网格高度设置为 minHeight（仅适用于“正常”布局）

注意事项：

• 此解决方案最初是为类似但不同的问题设计的 - 如果网格溢出其父级（因此网格标题已修复等），则设置 normal 布局，因此可能有更好的解决方案，我不知道不知道；
• 在上面的代码中没有考虑标题高度；
• 需要在一堆 ag-grid 钩子上重新计算正确的布局，比如 onGridReady、onRowDataChanged、onGridSizeChanged