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 列，最右边的一列是空白的。我已经尝试了一切，但我仍然无法删除空白列。见 :

网格选项：

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>

我想知道如何删除 'Check In Comment' 列右侧的空白列。有什么想法吗？

Answer 1

你试过了吗gridOptions.api.sizeColumnsToFit()？

Source (7min 50sec)

Answer 2

即使我们使用 api gridOptions.api.sizeColumnsToFit().

也会有额外的列

ag-grid 在最后一列右侧呈现额外的空白列

ag-grid renders extra blank column right to the last column

render

angularjs

ag-grid