Angular Ui网格禁用自动调整大小答案

【问题标题】：Angular Ui grid disabling auto ResizingAngular Ui网格禁用自动调整大小
【发布时间】：2014-12-10 09:05:35
【问题描述】：

我在角度 ui-grid 中使用自动调整大小，如 http://ui-grid.info/docs/#/tutorial/213_auto_resizing

我想启用/禁用自动调整大小，但我找不到任何配置选项。 https://github.com/angular-ui/ng-grid/wiki/Configuration-Options

所以我想定义：

 GridOptions = {                              
            enableAutoResizing: false

【问题讨论】：

标签： angular-ui-grid

【解决方案1】：

我认为您正在寻找的只是 gridOptions 对象中的自动调整大小语法：

$scope.gridOptions = { data:myData, autoResize:true };

然后在 HTML 中：

<div ui-grid="gridOptions"></div>

【讨论】：

【解决方案2】：

如果我正确理解您的问题，您想使用代码动态关闭它，而 gridOptions 没有标志可以在不完全删除指令属性的情况下禁用它。

您最好的选择可能是创建自己的自定义指令来包装 ui-grid 指令并传递是否将 ui-grid-auto-resize 属性附加到 angular-ui-grid 自己的指令（以及任何其他您可能希望使用/不使用的指令）。

以下所有属性都可以从您自己的自定义包装指令中动态添加或删除：

<div data-ui-grid="gridOptions" class="grid" data-ui-grid-edit data-ui-grid-cellnav data-ui-grid-pagination ui-grid-resize-columns ui-grid-auto-resize ui-grid-selection ui-grid-exporter ui-grid-grouping></div>

【讨论】：