Hi,
Requirement: I want to append a edit icon in one of the column in grid.On clicking the icon I need to get the context of the row and show that details in a popover which has a button to update a value(see attachment req.png).I don't want a separate column for this field to edit
Issue: I can able to append edit icon in render function inside column template like this
columnTemplate: {
render: function(ui) {
let rd = ui.rowData, di = ui.dataIndx
if(di == 'material' && ui.rowIndx > 3) {
return {text: ui.cellData + ' (TS:' + rd.targetStockDays+')<span class="ui-icon ui-icon-pencil iconedit" (click)="edit()">
</span>'}
}
I just put a console inside edit method to check.But the angular click event method appended in the column template is not calling.
Is there any workaround to achieve this?
