Challenges Tracking Selected Rows with Filtering / Server Side rendering

[TobiOnibudo]

Currently, Dash AG Grid does not expose an event for capturing individual row selection changes. In contrast, the core AG Grid component provides a rowSelected event that fires whenever a single row’s selection state changes.

At the moment, selectedRows is the only selection-related property available in Dash AG Grid. This becomes insufficient when filtering or the server-side row model is used, since the full selection state cannot be reliably tracked as rows are filtered out, reloaded, or paginated.

Exposing the rowSelected event from AG Grid in Dash AG Grid would allow applications to accurately track selection changes on a per-row basis and would resolve the issues encountered with filtering and server-side rendering.

[BSd3v]

Hello @TobiOnibudo

You can use your own custom eventListener to either setProps on the grid or use dash_clientside set_props to change other external components.

Both can be used to trigger events and callbacks. AG grid is far too expansive a library to be mimicking all the props and props that they have. This is why we expose things like dashGridOptions and eventListeners.

eventListeners is a key (event) and then list for the value (functions defined in the dagfuncs namespace, or the params of the function specifically)

[TobiOnibudo]

Hi @BSd3v, thanks for the quick reply. My team is actually looking to avoid using javascript within our repo so I was thinking of make a PR to add this feature into Dash Ag Grid. Is there any way else this can be achieved aside the custom eventListener ?

[BSd3v]

Can you clarify your use-case specifically?

Also, why avoiding JS, especially with something that can be a single line that doesn't even need in an actual JS file, just in the definition itself?

Any prop we add goes into the list of prop suggestions in the Python IDE, and AG grid will also randomly change them.

"eventListeners":{"rowSelected":["setGridProps('rowSelected', params.data)"]

Something similar to this should work. If you want to see what is available from the event, just pass "log(params)", etc.

---

Find more examples here: https://community.plotly.com/t/dash-ag-grid-event-listeners-v-31-2/84848?u=jinnyzor

[TobiOnibudo]

Thank you so much ! The example is helpful and should be sufficient for our use case.

Our use case isn’t too special. Apart from me, my team only has python devs. So they requested I avoid introducing JavaScript into the code base for maintainability reasons. This approach should be fine since it’s not complex. Thanks a lot!