ag-grid将额外的空白列渲染到最后一列

Question

我使用ag-grid和Angular 1.5，我在数组中定义了以下格式的5列：

[
{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'},
];

渲染显示6列，最右边的一列为空白。我已尝试过所有内容，但我仍然无法删除空白列。请参阅：

gridOptions：

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

HTML代码：

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

我想知道如何删除空白栏右边的“检查评论”＃39;柱。任何想法？

Answer 1

您是否尝试过gridOptions.api.sizeColumnsToFit()？

Source (7min 50sec)

Answer 2

即使我们使用api gridOptions.api.sizeColumnsToFit()，也会有额外的列。