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

Question

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

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

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

Answer 1

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