ng-rowTemplate样式；使用ng-style有条件地更改高度

Question

我有一个ng-grid，其中我需要有条件地扩展行的大小。

rowTemplate:'<div ng-style="row.getProperty(\'sel\') === \'0\' && {\'height\': \'300px\'}" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell {{col.cellClass}}" ng-cell></div>

请看这个Plunker

我可以看到高度增加了，但扩展行下面的行将不会调整。

有没有人做过这样的事。我做得对吗?或者其他合适的解决方案？

Answer 1

不，您不能在ngGrid上使用动态行高。

这个问题以前已经被问过十几次了。

ngGrid通过在网格布局中生成大量定位的html table而不是使用div来模拟表格。

您应该使用另一个表指令，如trNgGrid，它使用实表，但具有ngGrid的所有特性。要调整后续行的顶部位置，需要进行大量工作。

在ngGrid中，您唯一能做的就是将gridOptions中的rowHeight设置为适当的值，这将影响所有行。

帮你自己一个忙，考虑换成更适合你需要的指令。这附近有好几家。它将为您节省大量工作，并且您可以使用浏览器表格绘制引擎的本地渲染速度。