如何根据内容调整 ag-grid 容器的宽度?
How to adjust the width of the ag-grid container based on its contents?
在 ag-grid 中,domLayout
的值可以设置为 autoHeight
以禁用 ag-grid 面板的垂直滚动。相反,整个页面调整其高度以显示所有行。
如何才能使水平滚动具有相同的行为?
有suppressHorizontalScroll
选项设置为true
时隐藏水平滚动条,但这并不强制整个页面滚动。相反,溢出的内容只是被隐藏了。
您可以在一定程度上做到这一点,方法是在您的列上调整 minWidth
、maxWidth
和 width
属性,同时根据内容自动设置列的宽度,使用gridColumnApi.autoSizeColumns(colId)
方法。
我在某种程度上说是因为使用 agGrid 很难为某些单元格中包含大量文本或大图像的行设置不同的行大小。这将迫使某些列扩展以容纳内容,或者完全剪切它。从而强制水平滚动。
注意:要使上述方法起作用,您需要在设置行后调用 gridColumnApi.autoSizeColumns(colId)
。
在 ag-grid 中,domLayout
的值可以设置为 autoHeight
以禁用 ag-grid 面板的垂直滚动。相反,整个页面调整其高度以显示所有行。
如何才能使水平滚动具有相同的行为?
有suppressHorizontalScroll
选项设置为true
时隐藏水平滚动条,但这并不强制整个页面滚动。相反,溢出的内容只是被隐藏了。
您可以在一定程度上做到这一点,方法是在您的列上调整 minWidth
、maxWidth
和 width
属性,同时根据内容自动设置列的宽度,使用gridColumnApi.autoSizeColumns(colId)
方法。
我在某种程度上说是因为使用 agGrid 很难为某些单元格中包含大量文本或大图像的行设置不同的行大小。这将迫使某些列扩展以容纳内容,或者完全剪切它。从而强制水平滚动。
注意:要使上述方法起作用,您需要在设置行后调用 gridColumnApi.autoSizeColumns(colId)
。