Row click conflict with buttons for actions

[nikitpatel24]

When i click on row, the button click does not work.

Is there a way tohave both a row click and a edit click

  var vm = this;
    vm.users = [];
    vm.dtOptions = DTOptionsBuilder.newOptions()
.withPaginationType('full_numbers')
.withDisplayLength(10)
.withBootstrap()
.withOption('rowCallback', rowCallback);
     vm.dtColumnDefs = [
       DTColumnBuilder.newColumn('id').withTitle('ID'),
          DTColumnBuilder.newColumn('firstName').withTitle('First name'),
          DTColumnBuilder.newColumn('lastName').withTitle('Last name').notVisible(),
          DTColumnBuilder.newColumn(null).withTitle('Actions').notSortable()
              .renderWith(function(data, type, full, meta) {
                  return '<button class="btn btn-warning" ng-click="edit(' + data.id + ')">' +
                      '   <i class="fa fa-edit"></i>' +
                      '</button>&nbsp;' +
                      '<button class="btn btn-danger" ng-click="delete(' + data.id + ')">' +
                      '   <i class="fa fa-trash-o"></i>' +
                      '</button>';
              })
      ];`

[l-lin]

If you are using the ControllerAs syntax, the you need to specify your controller name in the renderWith function.
For example, if your controller name is showCase, then you need to specify it:

.renderWith(function(data, type, full, meta) {
                  return '<button class="btn btn-warning" ng-click="showCase.edit(' + data.id + ')">' +
                      '   <i class="fa fa-edit"></i>' +
                      '</button>&nbsp;' +
                      '<button class="btn btn-danger" ng-click="showCase.delete(' + data.id + ')">' +
                      '   <i class="fa fa-trash-o"></i>' +
                      '</button>';
              })

[zygimantus]

The ng-click does not work. Can you give full example?

[l-lin]

@zygimantus, you need to use the createdRow to compile with AngularJS.
See this example.