ag-Gitter machen zusätzliche leere Spalte bis zur letzten Spalte

Question

I ag-grid mit kantigen 1,5 verwenden, und ich habe 5 Spalten in dem folgende Format in einem Array definiert:

[ 
{headerName: 'Username', width: 150, field: 'username'}, 
{headerName: 'Full Name', width: 150, field: 'full_name'}, 
{headerName: 'Location', width: 150, field: 'location'}, 
{headerName: 'Email', width: 150, field: 'email'}, 
{headerName: 'Check In Comment', width: 370, field: 'comment'}, 
]; 

Die Wiedergabe zeigt 6 Spalten mit dem rechten -die meisten sind leer. Ich habe alles versucht, aber ich kann die leere Spalte immer noch nicht entfernen. Siehe die :

gridOptions:

options = { 
       rowData: dataArray, 
       rowModelType: 'pagination', 
       columnDefs: getColumnDefs(), 
       enableColResize: true, 
       enableSorting: false, 
       enableFilter: true, 
       rowHeight: 25, 
       angularCompileRows: true, 
       suppressRowClickSelection: true 
      }; 

Der HTML-Code:

<div style="width: 100%;" 
        ag-grid="vm.gridOptions" 
        class="ag-fresh ag-basic"> 
       </div> 

Ich frage mich, wie die leere Spalte zu entfernen, rechts auf die 'Check Kommentar' Spalte. irgendwelche Ideen?

Answer 1

Haben Sie versucht gridOptions.api.sizeColumnsToFit()?

Source (7min 50sec)

Answer 2

zusätzliche Spalte ist es, auch wenn wir diese api gridOptions.api.sizeColumnsToFit() verwenden.