Here is the source code that would reproduce the error:
this.grid = new dhx.Grid(this.gridContainer.nativeElement, {
columns: [
{ id: "index", type: 'number', width: 50, minWidth: 50, maxWidth: 50, header: [{ text: "No:" }, { content: "inputFilter" }], autoWidth: false, editable: false, tooltip: false },
{
id: "comments",
width: 50,
minWidth: 50,
maxWidth: 50,
header: [{ text: "" }],
autoWidth: false,
resizable: false,
editable: false,
sortable: false,
draggable: false,
align:'center',
type: "string",
htmlEnable: true,
template: (text, row, col) => {
return `<div class='icon-container'>
<i class="material-icons comment">chat_bubble_outline</i>
</div>`;
}
}
],
eventHandlers: {
onclick: {
comment: (event, data) => {
console.log(data);
}
}
}
});
In the eventHandlers -> onclick the data object contains undefined col and row objects. In version 7.2.5 the row object is undefined but the col object works as expected.