title: Angular UI Grid, adding a button to a row cell via templating
body: <p>I got the following <code>gridOptions.columnDefs</code></p>
  
  <pre><code> $scope.generateReport = function(row) {
       alert("Test");
   };
  
   $scope.gridOptions.columnDefs = [
       { name: 'Action', 
         cellEditableCondition: false, 
         cellTemplate: '&lt;button ng-click="grid.appScope.generateReport(row)"&gt; 
                         Report 
                        &lt;/button&gt;' 
       }];
  </code></pre>
  
  <p>It's not working, the button shows but once clicked its not calling the function. I'm following their guide <a href="http://ui-grid.info/docs/#/tutorial/305_appScope" rel="noreferrer">Here</a>, and I'm using <code>ui-grid - v3.0.0-RC.18</code>.</p>
  
  <p>I got the following for my html.</p>
  
  <pre><code>        &lt;div id="grid1"
               ui-grid="gridOptions"
               ui-grid-cellnav
               ui-grid-edit
               ui-grid-expandable
               ui-grid-exporter
               class="myGrid"&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I also tried to add an <code>external-scope</code> but didn't make a difference..</p>
  
  <p>Any ideas?</p>