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

Question

我正在使用 ag-grid，我希望列宽根据网格内容是动态的，我通过使用以下方法来实现：

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

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

Answer 1

ag-grid 有一个名为 的属性defaultColDef，可用于网格设置。如果您flex: 1作为参数之一传递，则所有列的大小都会适应，这样侧面就不会出现空白区域（扩展以填充）。查看本页上的 ag-grid 文档并搜索单词“flex”以获取有关自动/Flex 大小调整的更多详细信息。