Icon in column header with event

[geromelouieParticipant]

Hi

I am trying to bind a pin/unpin icon in the column header so I can trigger freeze/unfreeze of a column on the fly. I am able to bind the icon but the event I am binding with it is not firing.

Any idea on the issue? I am using Angular8

Here is the code

this.columns = [
{
text: ‘<div> Base Column Name <button type=”button” class=”btn btn-link” [attr.id]=”btn_pin” (click)=”onPin($event)”><i class=”fa fa-thumb-tack” aria-hidden=”true”></i></button></div>’,
datafield: “baseColumnName”,
editable: false,
columntype: “string”,
width: 200,
pinned: false
}

[Peter StoevKeymaster]

Hi geromelouie,

Columns have a callback function called “rendered”. It is raised after the column is rendered. You can think of “rendered” as “ngOnInit” in Angular.
In the rendered callback function you can bind to events related to the column or alternatively you can use the Grid “columnclick” event.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com

[Author]

Posts