单列ag-grid,将列扩展为网格宽度

Question

我在Angular应用程序中设置了一个ag-grid.我正在尝试使单列填充网格的整个宽度.

但后来我明白了.

    <div class="row" ng-controller="ChapterCtrl" ng-init="currentUNID='9D2DFE6D50C53A98C1257F5900337F37'">
    <div class="col-sm-4">
        <div >
            <div ag-grid="gridOptions" class="ag-fresh" style="height: 800px"></div>
        </div>
    </div>

   var columnDefs = [
    {headerName: "Subject", field: "Subject"}
];

$scope.gridOptions = {
    columnDefs: columnDefs,
    angularCompileRows: true,

你有什么提示吗？文档https://www.ag-grid.com/javascript-grid-width-and-height/对我没有帮助.

非常感谢!

Answer 1

尝试“flex”列属性：

{ headerName: 'Test', flex: 1}

您还可以使用它来仅展开最后一列。

官方文档

Answer 2

我建议将网格设置为%或使用vh作为其宽度,然后网格将根据父容器增长/收缩.

要使列更改大小,您可以在每次网格大小更改时挂钩事件并调整大小:

var gridOptions = {
    onGridSizeChanged: () => {
        gridOptions.api.sizeColumnsToFit();
    }    
    ...other gridOptions
};