Dash AG Grid, adding columns to a specific position

[kalt]

Hello,

I am playing around with the new AG Grid Tool and it looks really amazing. However I am struggling with adding new columns to a specific position. If I add a new column it is always added at the end of the table.

If you look at the example from the documentation https://dashaggrid.pythonanywhere.com/columns/updating-definitions the medals first appear right after the “Athlete” column. If I include them again they are always added at the end of the table, even though the columnDef is the same as the inital load of the table. Any idea how to overcome this problem?

[jinnyzor]

Hello @kalt,

Welcome back!

You are looking for something like this:

Change column order with a callback in Dash Ag Grid (dag, columnDefs and columnState)

Hi all! This is going to be more of a comment than a question but I wanted to share it in case it’s useful for somebody else Use case: changing grid columns and their order programatically, that is, with a callback instead of with user interaction. Environment: dash-ag-grid==2.0.0rc2 Main takeaways: It’s necessary to update both columnDefs and columnState for the change in columnDefs to be effective; otherwise we need to trigger the callback twice: # this works @callback( …

[AnnMarieW]

Right - I’ll add this to the docs!

[jinnyzor]

The pending PR should actually take care of this issue as well, once approved and rolled out.

[kalt]

Thank you very much. Now it works perfectly. This also explains my other problem, why I always had to press a button twice to hide some columns.