(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**

```

```

**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);
}
}
```