📣 Dash AG Grid -- Update 2.0.0rc1 Pre Release is Now Available **

@SCooper

I may have some ideas that might help with automatically converting examples into the Dash format directly from the AG Grid typescript examples. Let me know if your interested!

Oh, yes!! I’m interested!
And Welcome to the community :heart: :heart: :heart:

Super! I am not sure if you already know but bar a few examples all of the framework variations are generated automatically.

Thinking it might be possible to create a dash transformer and run that over all the examples. Even if not 100% would potentially do a lot of the heavy lifting for you.

2 Likes

That would be great! If you PM me, we can work out the details. Thanks so much for the offer.

Amazing! Anyone know if there is a way to have a column of checkboxes which represents a Boolean value yet? :slight_smile:

Hello @Mackan,

There sure is, check out here:

1 Like

I would PM but not sure how to on this forum :grimacing:

Maybe you could PM me. Sorry if I am missing something obvious!

dash-ag-grid 2.0.0rc1 :tada:

I’m pleased to announce that we’ve completed all planned breaking changes, and we’re now doing the final review before the full 2.0.0 release!

If you have tried previous Alpha releases, please see our Migration Guide. to upgrade to the current release.

If you haven’t tried dash-ag-grid, now’s the time! Beat the crowds and take it for a spin today :small_airplane:

pip install dash-ag-grid==2.0.0rc1

Check out the new features available in this release!

1) New options for column size

If you are on alpha release 4 or 5, the only breaking change in rc1 is a name change for one prop option. Instead of columnSize=autoSizeAll, use columnSize=autoSize. This is to accommodate some cool new options for setting the columnSize:

See more info in the Column Size docs
ag_grid_size2_rc1

2) New in AG Grid 29.3.2 Sticky header labels

We upgraded to the latest AG Grid release 29.3.2 which has several new features, including sticky column group labels.

See this example in the Column Groups docs.
ag_grid_sticky_label

3) Aligned Grids

You can now align two or more grids. If a user changes things like column order or width, the grids stay in sync.

See two examples in the Aligned Grids docs The second examples shows a more typical use-case where one grid has summary data.

ag_grid_aligned_rc1

4) Pinned rows

Just in case you missed this example, you can also pin one or more rows either on the top or bottom of the grid. This is another way to get a summary row in the grid.

See examples in the Row Pinning docs.

5) Custom Pagination

You can use the grid’s default pagination, or provide your own component to control the grid’s pagination.

See an example of how to use the dash-bootstrap-components dbc.Pagination buttons to navigate to pages in the grid in the Pagination docs.

6) Custom Number Input Component

This is a new custom component example we added to this release. The NumberInput component is a great way to ensure that only numeric data is entered into an editable grid cell. Note also that we use valueFormatter to format the number as currency with two decimal places and thousands separator.

See this example in the Cell Editor Components docs

ag_grid_number_input_rc1

7) Filter Model

The AG Grid Filter Model is now available. Use this to set a filter for the grid. You can also access to the filters that users set in a Dash callback.

See this example in the Filter Callbacks docs

8) Pivot example (Enterprise only)

Here is a new example for AG Grid Enterprise customers. Note that many Enterprise features are available in dash-ag-grid, but haven’t been documented yet. To get you started, this is the first example of the Pivot feature from the AG Grid docs.

See this in the Enterprise section of the docs.

5 Likes

Dash Ag Grid keeps getting better and better.

To reiterate Ann Marie’s point, the more feedback we get from all of you, the better we can make this feature, especially if you find a bug :smiley:

Try it our and let us know what you think.

3 Likes

Really enjoying seeing this develop, looks great! Especially keen on the custom JS functions and cell renderers. I’d be really keen to make a custom cell editor that uses dash_core_components Dropdown. Will custom cell editors be possible in the same way as cell renderers?

Hello @alistair.welch,

Welcome to the community!

Yes, cell editors are available as functions. These are not components that need to be imported into dashAgGridComponentFunctions, but functions that need to me imported into dashAgGridFunctions.

Check out here:

2 Likes

Thanks so much, I’d only looked at the first few examples on that page, now I see it, brilliant stuff!

2 Likes