agグリッドsizeColumnsToはカラムが機能しないため

Question

私はag-grid ng2を使用してsizeColumnsToFitを適用しようとしています。 例：4つの列がある場合は、自動的にサイズが変更され、グリッドの幅に合わせる必要があります。 gridOptions.api.sizeColumnsToFit（）が機能しません。

var gridOptions = { 
    columnDefs: columnDefs, 
    rowData: null, 
    enableColResize: true 
}; 

this.columnDefs = [ 
    {headerName: "Age", field: "age", width: 90, minWidth: 50, maxWidth: 100}, 
    {headerName: "Country", field: "country", width: 120}, 
    {headerName: "Year", field: "year", width: 90}, 
    {headerName: "Date", field: "date", width: 110} 


    ]; 

gridOptions.api.sizeColumnsToFit(); 

Answer 1

定義columnDefsがsuppressSizeToFitを設定しながら...このコードを試してみてください：すべてのフィールドにはfalse

this.columnDefs = [ 
{headerName: "Age", field: "age", width: 90, minWidth: 50, maxWidth: 100,suppressSizeToFit: false}, 
{headerName: "Country", field: "country", width: 120,suppressSizeToFit: false}, 
{headerName: "Year", field: "year", width: 90,suppressSizeToFit: false}, 
{headerName: "Date", field: "date", width: 110,suppressSizeToFit: false} 
]; 

次にonGridReadyに以下のコードを使用し、。

onGridReady(params) { 
this.gridApi = params.api; 
this.gridColumnApi = params.columnApi; 
params.api.sizeColumnsToFit(); 
}