Angularjs ui-grid row根据内容不调整大小

Question

我有一个ui-grid（v3.0.0-rc.20-8199eb5）cellTemplate，它遍历数组并打印出列中的名称。

{name:'roles', cellTemplate: '<div ng-repeat="role in row.entity.roles>{{role.name}}</div>'}

行高不足以容纳内容并将其剪掉。 每个条目的行高不同，具体取决于条目的角色数量。

根据行中的内容，是否可以让整行自动展开/调整大小？

Answer 1

最终为我工作的解决方案是编辑ui-grid的css。

.ui-grid-cell { display : table-cell; height: auto !important; overflow:visible; position: static; padding-top: 10px; } 
.ui-grid-row { display : table-row; height: auto !important; position: static; } 
.ui-grid-cell-contents{ height: auto !important; white-space: normal; overflow:visible; }