Reactjs 如果Ag网格中的列较少,如何避免右侧出现空白

Reactjs 如果Ag网格中的列较少,如何避免右侧出现空白,reactjs,ag-grid,Reactjs,Ag Grid,答案可能是大小合适。 但是当我必须调整列的大小时,空白就会出现在网格的右侧 因此,如果列数较少(或者如果我删除了come列),我需要执行网格的最后一列以完全占据网格,否则它会将属性提供的列宽带到Ag网格 这就是我现在得到的图像 像这样我想要 如果它的大小不是您想要的,那么您可以编写一个函数并手动进行计算 设置列的宽度,并在末尾将新列定义设置为ag网格 var tableWidth = sth; var totalWidth = 0; for(var i = 0; i<columnDefs

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

因此,如果列数较少(或者如果我删除了come列),我需要执行网格的最后一列以完全占据网格,否则它会将属性提供的列宽带到Ag网格

这就是我现在得到的图像

像这样我想要


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

设置列的宽度,并在末尾将新列定义设置为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);
var tableWidth=sth;
var totalWidth=0;

对于(var i=0;iya你说的没错,但当我习惯于调整列的大小时,同样的空白问题也会出现。是否有任何方法可以使最后一列动态地适应网格的意思。如果我删除一些列或重新排列列,则会动态地将最后一列设置为网格的剩余空间。我不是确定ag grid是否有这样的功能。但在调整事件大小后,事件会上升。只要网格需要调整,您就可以调用您的函数。如果我试图增加最后一列的宽度,则可以。因此,动态地不可能。因为我不知道我应该增加多少。