title: adding an ng-click event for angular datatable td
body: <p>Previously I added an ng-click event to call <code>$event.stopPropagation</code>:</p>
  
  <pre><code>&lt;td ng-click="$event.stopPropagation();"&gt;
      &lt;button type="button" class="btn btn-default margin-right-5" ui-sref="patient( { id : patient._id } )"&gt;
          &lt;i class="fa fa-edit"&gt;&lt;/i&gt;
      &lt;/button&gt;
      &lt;button type="button" class="btn btn-danger" ng-click="vm.deletePatient( patient._id )"&gt;
          &lt;i class="fa fa-trash-o"&gt;&lt;/i&gt;
      &lt;/button&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>Now that I have refactored my code and used the DTColumnBuilder</p>
  
  <pre><code>DTColumnBuilder.newColumn( '_id' ).withTitle( 'Options' ).notSortable()
  .renderWith( function ( data, type, full, meta ) {
      return '&lt;button type="button" class="btn btn-default margin-right-5" ui-sref="patient( { id : \'' + data + '\' } )"&gt;' +
              '&lt;i class="fa fa-edit"&gt;&lt;/i&gt; ' +
          '&lt;/button&gt;' +
          '&lt;button type="button" class="btn btn-danger" ng-click="vm.deletePatient(\'' + data + '\')"&gt;' +
              '&lt;i class="fa fa-trash-o"&gt;&lt;/i&gt;' +
          '&lt;/button&gt;'
  } )
  </code></pre>
  
  <p>how do I add the $event.stopPropagation to the <code>parent td</code>?</p>