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

Question

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

我怎样才能使水平滚动具有相同的行为？

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

Answer 1

您可以在某种程度上做到这一点，方法是同时使用列上的minWidth、maxWidth 和width 属性，同时使用gridColumnApi.autoSizeColumns(colId) 方法根据列的内容自动设置列的宽度。

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

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