title: ng-grid + rowTemplate not working. What am I missing?
body: <p>I am attempting to add ngdblclick elements to each row with my ng-grid.  It works! However, I can no longer see my data.  I can see the rows but no data. The data is there an it seems to be binding correctly.  I know this because I created a list called selectedRows that binds to the selectedItems in gridOptions.  When I click on the each row.  I see my data displayed within an html <pre> tag. See below for my code. </p>
  
  <code>$scope.tableData=[];
  
  $scope.tableData=[{id:'10203040', status:'Submitted'},
                {id:'10203040', status:'Submitted'},]
  
  $scope.selectedRows=[];
  
  var rowTempl = '&lt;div ng-dblClick="onDblClickRow(row)" ng-style="{ \'cursor\': row.cursor   }" ng-repeat="col in renderedColumns" '+'ng-class="col.colIndex()" class="ngCell{{col.cellClass}}"&gt;&lt;div class="ngVerticalBar" ng-style="{height:rowHeight}" ng-class"{ngVerticalBarVisible:!$last}"&gt;$nbsp;&lt;/div&gt;&lt;div ng-cell&gt;&lt;/div&gt;&lt;/div&gt;';
  
  $scope.onDblClickRow = function(row){
   alert("Double Click works!");
  };
  
  
  $scope.gridOptions = { 
      data: 'myData',
      selectedItems:$scope.selectedRows,
      showColumnMenu:true,
      showFilter:false,
      enableColumnResize:true,
      enableRowSelection:true,
      showGroupPanel:false,
      rowTemplate: rowTempl,
      columnDefs: [
        {displayName:'Name', field:'name'},
        {displayName:'Age', field:'age'}],
     };
  });
  </code></pre>