How to add a custom button with event emmeter ?

Hey,

I’d like to add a custom button on each row. I achieved it dealing with the ‘html’ property and the sanitizer, but I couldn’t find a way to handle the event ? Is it possible to add an event emitter which is correctly interpreted by ng2? Bypassing HTML & JS Security ?

I can’t listen directly to the button events.

What I’m currently doing:

{
                      columns: {
                        test: {
                          title: 'fire',
                          type: 'html',
                          valuePrepareFunction: (value) => {
                            return this._sanitizer.bypassSecurityTrustHtml('<button (click)="test()">TEST</button>'); //Click listener not interpreted...
                          }
                        }
                      }
                    };

Then add an event on the table <ng2-smart-table [...] (userRowSelect)="onSelect($event)"></ng2-smart-table>

Set the selected item

onSelect(event){
    this.selectedItem=event.data._id;
  }

Then add an outside button to the table that handle the wanted event.

Thanks

[terrymainvis]

Well it’s a way to avoid the current problem, sorry if it didn’t fit you needs.

[terrymainvis]

I didn’t solve this issue, I just took one existing button (like the Edit button), and override the behavior by setting the table mode to ‘external’ and using the event.