Nested ng grids?

Question

Is it possible to create a nested ng grid. something like this maybe. here is the plunker:

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

I also tried to do this using templateUrl.

any suggestions, changes to the plunker or links?

Answer 1

Yes, it can work, although it does not make much sense.

First of all, you must provide some data to the parent grid so that at least one row is displayed.

Then you should tell the parent grid one more rowHeight than 30px by default.

Do not apply the grid class to the celltemplate element.

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

Here is the plunker

, .

, childgrids.

, , .