(edit) and (editConfirm) not emitting.

I’m not able to emit the (edit) event and (editConfirm) event with the code below.

./user-table.component.html

  <ng2-smart-table 
    [settings]="settings"
    [source]="data"
    (edit)="onFoo($event, 'edit')"
    (editConfirm)="onFoo($event, 'editConfirm')"></ng2-smart-table>

UserTableComponent

import { Component } from '@angular/core';

import { User } from 'app/user/user.model';

@Component({
  selector: 'app-user-table',
  templateUrl: './user-table.component.html',
})
export class UserTableComponent {
  settings = {
    columns: {
      firstname: {
        title: 'First Name',
      },
      lastname: {
        title: 'Last Name',
      },
    },
  };
  data: User[];

  constructor() {
    this.data = [
        new User('Chris', 'Jeffery'),
        new User('Chris', 'Jeffery'),
        new User('Chris', 'Jeffery'),
        new User('Chris', 'Jeffery'),
        new User('Chris', 'Jeffery'),
        new User('Chris', 'Jeffery'),
      ];
  }

  onFoo(event, eventName: string): void {
    debugger;
    console.log(eventName, event);
  }
}

[scaraux]

Works for me after writing :

 settings = {
    mode: 'inline',
    edit: {
      confirmSave: true
    }
}

[unruledboy]

@scaraux

I tried with your code but the edit event is still not emitting.

Looks like I have to a dedicated new popup/page for the editing, which means inline editing is not usable.