AG Grid - Row Dragging to External Dropzone not working after applying Filter to one Table

Dear Community,

I am using Dash AG Grid and its row dragging functionality with external Dropzone. I used the code from the last example provided in Row Dragging - External Dropzone | Dash for Python Documentation | Plotly.

I adjusted the code to my needs and it works as expected. However, when I apply field filters on the left Dash AG Grid “row-dragging-grid2grid-complex-left” then Dropping rows into the right table is not possible anymore, but i am still able to drag a row. Also if I use the “Reset” button or clear the applied filters it doesn’t work anymore and I need to restart the DashApp.

It might has to do something with the provided JavaScript?

Does anyone experience the same behavior or has any idea how to solve it?

Thanks for your help!
Max

Hello @Maeaex1,

Welcome back.

Is it possible that you could record the interaction exactly so that we can emulate it?

1 Like

Hi @Maeaex1

I just ran that example from the docs locally with the filter enabled and it worked fine.

Be sure that you have set the row Ids. For example:

  getRowId="params.data.id",

If that’s not the problem, can you make a minimal example that reproduces the issue?

1 Like