反应 ag-grid 自动调整列大小和网格宽度

Posted 2023-03-28

【中文标题】反应 ag-grid 自动调整列大小和网格宽度

【英文标题】：react ag-grid auto size columns and grid width

【发布时间】：2021-03-18 01:36:33

【问题描述】：

我正在使用 ag-grid，我希望列宽根据网格内容是动态的， 我通过使用：

const onGridReady = params => 
    params.columnApi.autoSizeAllColumns();
;

但是网格的宽度是固定的，我在网格的一侧有一个空间。 （我也不能将宽度发送到网格，因为我不知道内容的大小） 我需要的是如何结合 autoSizeAllColumns 和 sizeColumnsToFit 函数。

【参考方案1】：

ag-grid 有一个名为defaultColDef 的属性，可用于网格设置。如果您将flex: 1 作为参数之一传递，那么所有列的大小都会适合，这样您就不会在侧面有那个空白空间（扩展以填充）。查看 this page 上的 ag-grid 文档并搜索作品“flex”以获取有关自动/flex 大小调整的更多详细信息。