如何根据内容调整 ag-grid 容器的宽度?

How to adjust the width of the ag-grid container based on its contents?

在 ag-grid 中,domLayout 的值可以设置为 autoHeight 以禁用 ag-grid 面板的垂直滚动。相反,整个页面调整其高度以显示所有行。

如何才能使水平滚动具有相同的行为?

suppressHorizontalScroll选项设置为true时隐藏水平滚动条,但这并不强制整个页面滚动。相反,溢出的内容只是被隐藏了。

您可以在一定程度上做到这一点,方法是在您的列上调整 minWidthmaxWidthwidth 属性,同时根据内容自动设置列的宽度,使用gridColumnApi.autoSizeColumns(colId) 方法。

我在某种程度上说是因为使用 agGrid 很难为某些单元格中包含大量文本或大图像的行设置不同的行大小。这将迫使某些列扩展以容纳内容,或者完全剪切它。从而强制水平滚动。

注意:要使上述方法起作用,您需要在设置行后调用 gridColumnApi.autoSizeColumns(colId)