如何在AngularJS ui-grid中自动调整列宽

Question

在AngularJS ui-grid中,如何配置网格,以便在渲染时根据内容自动调整列的宽度？

我知道有一个教程显示自动大小功能,但只有当你双击列时才有效,我希望它可以在网格启动时发生.

Answer 1

在列定义中使用星号：

width:"*";

Answer 2

有一个插件可以做到这一点：ui-grid-auto-fit-columns

GitHub: https://github.com/Den-dp/ui-grid-auto-fit-columns

示例：http : //jsbin.com/tufazaw/edit?js,output

用法：

<div ui-grid="gridOptions" ui-grid-auto-fit-columns></div>

angular.module('app', ['ui.grid', 'ui.grid.autoFitColumns'])

Answer 3

尝试使用'width: auto'..显然使用这是以前版本中的一个问题ui-grid，它现在应该可以工作，它是他们文档的一部分：定义列

编辑：已关闭问题 #565 页面的参考链接