Ag grid Ag网格列分组调整大小问题

在我开发的带有列分组的网格中，当调整列的大小时，末尾会出现空白。有什么建议吗？[！[在此输入图像描述][1][1]

---

您可以在

columnRowGroupChanged

事件之后调用

sizeColumnsToFit（）

：

添加或删除了行组列

.html

模板事件绑定

(columnRowGroupChanged)="groupChanged($event)"

或者

.ts

gridOptions

事件绑定（不要忘记在

.html

中定义

[gridOptions]

）

处理

groupChanged(params){
    params.api.sizeColumnsToFit();
}

---

从ag grid23.1.0开始，我们不再需要使用sizeColumnsToFit。相反，在列定义中，将flex:1添加到最后一个可见列

这可以防止在调整列大小时出现所有恼人的跳转和奇怪的网格行为。如果用户放大列，将显示水平滚动条，这是预期的行为。 请检查您的代码并将sizeColumnsToFit更改为flex解决方案。 Flex还提供了对相对列大小的控制，您可以在文档：

例如：

columnDefs = [{...}
               ...
             {
                headerName: 'HeaderA',
                field: 'name',
                ...
                flex: 1, // Adding this to last column definition
              }]

---

.谢谢你的回复。我尝试了你的建议。但没有解决。谢谢演示。在演示中，你可以看到右端有一些空白。这就是问题所在。我们可以解决吗？我的问题中添加了演示图像。更改组后需要。请在调整任何列的大小后重试。右端有一些空白。

columnDefs = [{...}
               ...
             {
                headerName: 'HeaderA',
                field: 'name',
                ...
                flex: 1, // Adding this to last column definition
              }]