title: ag-grid multiple instances in the same page using single gridOptions
body: <p>I am using ag-grid in my application. I would like to use the same instance of the grid options with two grid on the same page. ag-grid only renders one of the grids and leaves the other one empty. </p>
  
  <p>This plnkr shows the issue</p>
  
  <p><a href="http://plnkr.co/edit/4rRNRGbUoy8QhAhGadpQ?p=preview" rel="nofollow">http://plnkr.co/edit/4rRNRGbUoy8QhAhGadpQ?p=preview</a></p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
    &lt;head&gt;
      &lt;link rel="stylesheet" href="style.css"&gt;
         &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"&gt;&lt;/script&gt;
         &lt;script src="https://www.ag-grid.com/dist/ag-grid.js?ignore=notused24"&gt;&lt;/script&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
  &lt;body ng-app="example" ng-controller="exampleCtrl"&gt;
    &lt;button ng-click="loadData()"&gt;Load Data&lt;/button&gt;
    &lt;button ng-click="showPopup()"&gt;Toggle Docked&lt;/button&gt;
    &lt;div ng-show="docked"&gt;
      &lt;h2&gt;Docked&lt;/h2&gt;
      &lt;div ag-grid="gridOptions" class="ag-fresh" style="height: 100%;"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div ng-show="docked"&gt;
      &lt;h2&gt;UnDocked&lt;/h2&gt;
      &lt;div ag-grid="gridOptions" class="ag-fresh" style="height:100%;"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>