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

Ume*_*bai 5 reactjs ag-grid

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

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

这是我现在得到的图像

这是我现在得到的图像

像这样我想要

像这样我想要

小智 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);
Run Code Online (Sandbox Code Playgroud)