ng-grid row模板;有条件地改变ng风格的高度

时间:2014-09-18 10:01:17

标签: angularjs ng-grid

我有一个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

我可以看到高度已经增加,但扩展行下方的行将无法调整。

有没有人做过这样的事情。我做得对吗或任何其他适当的解决方案?

1 个答案:

答案 0 :(得分:1)

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

之前已经问了十几次。

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

您应该使用像trNgGrid这样的其他表指令,它使用真实表,但具有ngGrid的所有功能。调整后续行的顶部位置需要做很多工作。

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

帮自己一个忙,并考虑转换到更适合您需求的指令。周围有几个。它将为您节省大量工作,您可以使用浏览器表绘制引擎的本机渲染速度。