我有一个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
我可以看到高度已经增加,但扩展行下方的行将无法调整。
有没有人做过这样的事情。我做得对吗或任何其他适当的解决方案?
答案 0 :(得分:1)
不,您不能在ngGrid
上使用动态行高。
之前已经问了十几次。
ngGrid
通过在网格布局中生成大量定位的div来模拟表格,而不是使用html table
。
您应该使用像trNgGrid这样的其他表指令,它使用真实表,但具有ngGrid
的所有功能。调整后续行的顶部位置需要做很多工作。
您在ngGrid
中唯一能做的就是将rowHeight
中的gridOptions
设置为适当的值,这会影响所有行。
帮自己一个忙,并考虑转换到更适合您需求的指令。周围有几个。它将为您节省大量工作,您可以使用浏览器表绘制引擎的本机渲染速度。