title: AngularJS - ui-grid - Data display issue
body: <p>I am implementing <a href="http://ui-grid.info/" rel="nofollow">http://ui-grid.info/</a> in my application.</p>
  
  <p>I am populating the <code>grid</code> with <code>ajax call</code> like this :-</p>
  
  <pre><code>$scope.getGrid = function () {
       jq.ajax({
                  type: "POST",
                  url: "getData",
                  dataType: "html",
                  traditional: true,            
                  data: { columnDb: $scope.columnDb },
                  success: function (data) {
          var dataObj = jQuery.parseJSON(data);
          ......
          $scope.gridOptions.data = $scope.myData;  
       });        
  }
  </code></pre>
  
  <p>There is a weird problem i am facing. on the above <code>function</code> call, i can see nothing in my HTML, But if i just <code>mouse scroll</code> on the <code>Grid</code> area the <code>data</code> gets displayed, even if i open <code>Inspect Element</code> in <code>Chrome</code>, the <code>data</code> gets displayed.</p>
  
  <p>Any Idea How to solve this?</p>