ng-Grids aninhados?

Question

Podemos fazer uma grade ng aninhada.algo assim, é possível.aqui está o plunker:

http://plnkr.co/edit/hYuFfxLR38LA0clIkF48?p=preview

Eu também tentei fazer isso usando templateUrl.

alguma sugestão, modificação no plunker ou links?

Answer 1

Sim, isso pode estar funcionando, embora não faça muito sentido.

Primeiro de tudo você tem que fornecer alguns dados para a grade pai para que pelo menos uma linha seja renderizada.

Então você deve informar à grade pai outro rowHeight diferente do padrão 30px.

Não aplique a classe grids ao modelo de célula.

    $scope.gridOptions = {
        data: 'facdata',
        rowHeight: '90',
        columnDefs: [{
          field: 'examname',
          displayName: 'Exam Name',
          cellTemplate: '<div  ng-grid="gridOptions1" ng-bind="row.getProperty(col.field)"></div>'
        }]
    };

Aqui está um Plunker

Como você pode ver, há duas linhas com uma altura vagamente adivinhada e duas grades filhas idênticas com barras de rolagem.

O que não entendo é como você deseja ter dados diferentes para as grades infantis.

Por favor, explique mais o que exatamente você deseja alcançar.