title: UI-Grid with button in custom cell template - How to cancel row select event?
body: <p>I am using ui-Grid v 3.0.1.</p>
  
  <p>I have a custom cell template for a particular column which displays a button in each row.  I have attached a ng-click attribute which calls the appScope to trigger some action.  </p>
  
  <p>All works beautifully.</p>
  
  <p>However, the clicking of the custom template button also causes the selection of the row in question to be toggled.  </p>
  
  <p>I need to prevent this from happening.</p>
  
  <p>i.e. a click to the custom template button should leave the current row's selection status as it was.</p>
  
  <p>I suspect I need to cancel the row selection event somehow.</p>
  
  <p>Can anyone point me in the right direction?</p>
  
  <pre><code>vm.gridOptions = {
          data: "vm.myGridData",
          columnDefs: [
              { field: "Col1", displayName: "Col1", width: 100 },
              { field: "Col2", displayName: "Col2", width: 200 },
              { name: " ", cellTemplate: "&lt;div&gt;&lt;button ng-click='grid.appScope.displayRecord(row.entity)'&gt;&lt;i class='fa fa-search'&gt;&lt;/i&gt;&lt;/button&gt;&lt;/div&gt;" }
          ],
          enableRowSelection: true,
          enableSelectAll: true,
          showGridFooter: true,
          multiSelect: true,
          enableSorting: true,
          enableFiltering: true,
          enableFullRowSelection: true,
          enableRowHeaderSelection: true
      };
  </code></pre>