css - Ag grid with grouped rows selected indicator

Question

I know I can group ag grid table elements and use checkboxes inside them.

The problem is that when I click on the group again and hide it I can forget that I selected something there and accidentally remove something in there.

Like here - I closed 2004 row and selected something from 2012 row but I don't see that something in the 2004 row was also selected.

My idea was to always change background on a group where at least one item was selected but I don't know how can I acces that and get live update. I tried

                    onModelUpdated={(params) => {
                        params.api.forEachNode((node) => {
                            if (node.group) {
                                console.log("Row data", node);
                            }
                        });
                    }}

But it is running only when I open a group, nothing happens when I check any checkbox. How can I get information about the group when something was selected inside it?

question from:https://stackoverflow.com/questions/65841457/ag-grid-with-grouped-rows-selected-indicator

Answer 1

Waitting for answers