如何使 AG-Grid 具有流畅的布局

Question

我正在尝试将 AG-Grid 用于我的项目，并且我一直在尝试使用它一段时间，但我遇到的一个问题是我无法轻松地制作每当 div 或浏览器像流体布局一样调整大小时，列自动调整大小。

我知道有 .api.sizeColumnsToFit() 函数可以使用，一旦它被调用就会执行它，但这意味着我将手动添加一个侦听器或某种类型的窗口以检查它是否已调整大小并调用它如果它有？？有没有更好的方法来实现这一点？？

谢谢

Answer 1

每当触发网格 onGridSizeChanged 事件时尝试调用 sizeColumnsToFit。以下将在网格首次加载/或数据调整（onModelUpdated）以及网格大小发生变化时运行。

即

this.gridOptions = <GridOptions>{
    onModelUpdated: () => {
        this.gridOptions.api.sizeColumnsToFit();
    },
    onGridSizeChanged: () => {
        this.gridOptions.api.sizeColumnsToFit();
    }
};