Hi,
We are configuring a group renderer to directly modify the cellElement that is passed in e.g. to append a new DOM element.
This works perfectly if the groupRenderer is configured on a specific column. However, it does not work for the groupRenderer that is defined on the grid feature. The documentation for renderers suggests that this should be possible, as long as the renderer function returns undefined. Is there something different about the renderer defined on the group feature that means that this manipulation shouldn't be possible?
I've been able to reproduce this by modifying the following example - https://www.bryntum.com/examples/grid/grouping/
Does not work when defined on feature:
features: {
group: {
renderer : ({ groupRowFor, count, cellElement, isFirstColumn }) => {
if (isFirstColumn) {
cellElement.textContent = `${groupRowFor} (${count}) -`;
const child = document.createElement('span');
child.textContent = 'Hello';
cellElement.appendChild(child);
}
}
}
}
Works when defined on specific column:
groupRenderer : ({ groupRowFor, count, cellElement }) => {
cellElement.textContent = `${groupRowFor} (${count}) -`;
const child = document.createElement('span');
child.textContent = 'Hello';
cellElement.appendChild(child);
}
Thanks