title: Why nested ng-grid height does not work?
body: <p>I have a nested ng grid.</p>
  <pre><code>var faculty = angular.module('faculty', ['ngGrid']);
  
  faculty.controller('facultycontroller', function facultycontroller($scope, $http, $window)
  {
  
  $scope.facdata = [{
  
      examname: 'test'       
    },{
  
      examname: 'test2'
    }];
  
    $scope.gridOptions = {
  
      data: 'facdata',
  
      plugins: [new ngGridFlexibleHeightPlugin()],
  
      columnDefs: [
        {field: 'examname',displayName: 'Exam Name'},
        {field: '', displayName: 'Subjects' , cellTemplate: '&lt;div  ng-grid=&quot;gridOptions1&quot;  &gt;&lt;/div&gt;'
      }]
    };
  $scope.fac1data = [{
      abc: 'value',
      def: 'value2'
    }, {
  
      abc: 'value3',
      def: 'value4'
    }, {
      abc: 'value1',
      def: 'value4'
    }, {
      abc: 'value2',
      def: 'value4'
    }, {
      abc: 'value34',
      def: 'value4'
    }, {
  
      abc: 'value34',
      def: 'value4'
    }, {
      abc: 'value23',
      def: 'value14'
    }, {
      abc: 'value433',
      def: 'value5554'
    }, {
  
      abc: 'value3555',
      def: 'value4878'
    }
    ];
  $scope.gridOptions1 = {
  
     plugins: [new ngGridFlexibleHeightPlugin()],
  
      data: 'fac1data',
  
      columnDefs: [
  
        {  field: 'abc',displayName: 'abc'},
  
        { field: 'def',displayName: 'def'}]
    }
  });
  </code></pre>
  <p>See the <a href="http://plnkr.co/edit/ow4Q7lzz2hoDOENE3Jn7?p=preview" rel="noreferrer">Plunker</a>
  I need to show all of the nested data grid at a glance. I need to show child ng-grid data at a glance(without Vertical scroll). But nested grid height does not work . My desire grid is like below....</p>
  <p><img src="https://i.stack.imgur.com/tLl6W.png" alt="Mater Detail Grid/Nested Grid" /></p>