如果 Ag 网格中的列较少，如何避免右侧出现空格答案

【问题标题】：how to avoid whitespace on right side if columns are less in Ag grid如果 Ag 网格中的列较少，如何避免右侧出现空格
【发布时间】：2020-06-18 02:42:05
【问题描述】：

答案可能是 sizeTofit 。但是当我必须调整列的大小时，空格就会出现在网格的右侧。

因此，如果列较少（或者如果我删除来列），我需要将网格的最后一列完全占据网格，否则它将采用属性提供的列宽到 Ag 网格

这是我现在得到的图像

我想要这样的

【问题讨论】：

标签： reactjs ag-grid

【解决方案1】：

如果它的大小不是您想要的，那么您可以编写一个函数并手动进行计算。

设置列的宽度，最后为您的 ag 网格设置新的列定义；

var tableWidth = sth;
var totalWidth = 0;
for(var i = 0; i<columnDefs.length; i++) {
    totalWidth += columnDefs[i].width;
    if((i == columnDefs.length - 1) && (totalWidth < tableWidth)) {
        columnDefs[i] += tableWidth - totalWidth;
    }
}
api.setColumnDefs(columnDefs);

【讨论】：

是的，你说的是真的，但是当我用来调整列大小时，同样的空白问题也会出现。
有没有办法让最后一列动态适应网格。如果我删除了一些列或者我重新排列了列，那么它将动态设置最后一个动态设置为剩余空间网格。
我不确定 ag-grid 是否有这样的能力。但在调整事件大小后会上升。您可以在需要调整网格时调用您的函数。
如果我想增加最后一列的宽度。所以这是不可能动态的。因为我不知道我应该增加多少。