Hi,
Currently, we have successfully implemented a custom renderer to the display a value (specifically the Activity name) within the cell, along with an accompanying Notes icon whenever there are associated notes for the record. However, we have encountered an issue with the order in which these elements are rendered (refer to Photo1 attached). Our goal is to have the notes icon positioned to the left of the bullet point icon, as shown in Photo2 attached. I was wondering if there is a solution to achieve this desired layout.
setColumnRender() {
const columns = this.columnDef as any; //this.ganttRef.instance.columns as ColumnStore //Partial<ColumnConfig>[] | object[]
if (columns && columns.length > 0) {
for (let i = 0; i < columns.length; i++) {
const column = columns[i] as any;
if (column.type === 'name') {
// eslint-disable-next-line no-loop-func, @typescript-eslint/ban-ts-comment
// @ts-ignore
column.renderer = ({ value, cellElement, row, record, widgets }) => {
if (!record._data.notes?.length || record.data.iswbs) {
return value;
} else {
return {
children: [
{ tag: 'img', src: faFIleSVG, style: { height: '15', width: '15', margin: '5px' } },
{ html: value }
]
}
};
};
}
}
}
}