call a function from MtxGridColumn

[VinitVishwanathan]

I have a column which is a link. want to add a click event in that.
format: (data: any) => { return <a (click)="callfunction()" >${data.Status} </a>; }
tried this, but the function is not getting called. What am I doing wrong?

I also tried keeping it a button. It worked but the text was not displayed. Is Icon mandatory in Grid button. can't we keep text only? The text should change dynamically as shown in the format. Is that possible?

 {
      title: 'Status',
      index: 'Status',
      type: 'button',
      fixed: 'left',
      width: 'auto',
      sort: true,
      checked: true,
      disabled: false,
      buttons: [
        {
          icon:null,
          text:'abc',
          tooltip: 'Edit Template Attribute',
          type: 'link',
          click: ()=>{alert("hi")},
        }]
      // format: (data: any) => { return `<a (click)="onGoToPage2()">${data.Status} </a>`; }
    }.

Thanks in advance

[nzbin]

@VinitVishwanathan I have refacted the data grid, you can view the demos.

[VinitVishwanathan]

Thanks a lot..