ng-grid rowTemplate; 조건부로 높이 스타일을 변경하십시오.

Question

나는 그리드 그리드가 있는데, 여기서 나는 조건부로 로우 크기를 확장해야합니다.

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에 동적 행 높이를 사용할 수 없습니다.

12 번 전에 물어 보았습니다.

ngGrid은 html table을 사용하는 대신 표 배치에서 많은 위치 지정된 div를 생성하여 표를 시뮬레이트합니다.

실제 테이블을 사용하는 trNgGrid과 같은 다른 테이블 지시문을 사용해야하지만 모든 기능은 ngGrid입니다. 후속 행의 상단 위치를 조정하려면 많은 작업이 필요합니다.

ngGrid에서 수행 할 수있는 유일한 작업은 gridOptions의 rowHeight을 적절한 값으로 설정하면 모든 행에 영향을 미칩니다.

귀하의 요구에 더 적합한 지침으로 전환하는 것에 대해 긍정적으로 생각하십시오. 주변에는 여러 곳이 있습니다. 많은 작업을 절약 할 수 있으며 브라우저 테이블 드로잉 엔진의 기본 렌더링 속도를 사용할 수 있습니다.