{
type: 'name',
text: '',
width: 2,
field: 'name',
align: 'center',
expandIconCls: 'row-expanded', // css for expandIcon
collapseIconCls: 'row-collapsed', // css for collapseIcon
renderer: (data: any) => {
if (data.record.originalData.firstColumnIcon) {
return `<img src="${data.record.originalData.firstColumnIcon}"/>`; // Additional Icon
} else {
return ''';
}
},
}
I am trying to do something like this for the column. The expand icon is populated correctly but the icon in the renderer is not populated.
On inspecting found that it is going inside the if block but still icon is not populated. Instead of Icon a text is populated which is something like this
"<img src ="icon ref"/>"
If I remove the double quotes, the image is correctly placed adjacent to the expander. Is there mistake done in returning the value from the renderer. Please check