[![enter image description here][1]][1][![enter image description here][2]][2]Question :While binding edit icon with onclick event not triggered that function in angular8

Please find my below code .Thanks in advance While binding edit icon using formatter ,onclick event not triggered in angular8 (Tabulator)

```js
import { Component, OnInit, Input, OnChanges, SimpleChanges, Output } from '@angular/core';
import Tabulator from 'tabulator-tables';

@component({
    selector: 'app-tabulator',
    templateUrl: './tabulator.component.html',
    styleUrls: ['./tabulator.component.scss']
})

export class TabulatorComponent implements OnChanges {

    @input() tableData: any[] = [
        {name:"Oli Bob", location:"name"},
        {name:"Mary May", location:"gender"},
    ];

    @input() columnNames: any[] = [
        { title:"Name", field:"name",width:450},
        {title:"Gender", field:"gender",width:450,formatter:this.editClicked}
    ];

    @input() height: string = '311px';
    // list properties you want to set per implementation here...

    tab = document.createElement('div');

    constructor() {
    }

    editClicked(){
        return "< button onclick='clickMe()' >Edit< / button >";
    }

    //this method not called
    clickMe(){
        alert("inside click me")
    }

    ngOnChanges(changes: SimpleChanges): void {
        this.drawTable();
    }

    ngOnInit(){
        this.functiontest();
        this.drawTable();
    }

    public drawTable(): void {
        //alert()
        new Tabulator(this.tab, {
            data: this.tableData,
            reactiveData:true, //enable data reactivity
            columns: this.columnNames,
            layout: 'fitData',
            height: this.height
        });

        document.getElementById('my-tabular-table').appendChild(this.tab);
    }
}

[1]: https://i.stack.imgur.com/O1QZ2.png
[2]: https://i.stack.imgur.com/JSMet.gif

```