如何使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();
    }
};