title: 100+ column with 10 rows rendering performance is very worst in ui-grid
body: <p>If I have 1000+ rows with 10 to 30 columns it works fine, 
  but if I have 10 rows with 200+ columns, rendering takes 2 to 3 minutes. </p>
  
  <p>After some time, the data is not visible while horizontal scrolling.
  Eventually, the page becomes unresponsive.</p>
  
  <p>The code is here :</p>
  
  <pre><code>$http.post($scope.url + "/getPagingRecordImportedTable", {
      dbname : $stateParams.dbname,
      tableName : tablename,
      pageNumber : 1 
  }).success(function(response) {
      $scope.names = response.records;
      $scope.mdata = response.metadata;
      $scope.gridOptions.data = response.records;
      var columnsize = 0;
      for (var obj in $scope.mdata) {
          if ($scope.mdata[obj]['columnsize'] &gt; 20) {
              columnsize = 20;
          } else {
              columnsize = $scope.mdata[obj]['columnsize'];
          }
          $scope.columns.push({
              field : $scope.mdata[obj]['columnname'],
              width : columnsize
          });
      }
      console.log("-----------Data received");
  })
  </code></pre>
  
  <p>After firing http request the <code>-------------Data received</code> log is immediately printed, but rendering data takes too much time.</p>
  
  <p>How can improve performance? Or is there any other API for huge rows and 200+ columns?!</p>