AG Grid changes in reflex-enterprise 0.9.7

The upcoming reflex-enterprise 0.9.7 release upgrades AG Grid from 34.3.1 to 36.2.0, with integrated AG Charts moving from 11.2.4 to 14.2.0. This guide covers the changes to review when upgrading your app to reflex-enterprise 0.9.7.

The wrapper pins ag-grid-react, ag-grid-community, and ag-grid-enterprise to the same version, and pairs them with ag-charts-enterprise 14.2.0. AG Grid installs its new ag-stack dependency transitively. Remove conflicting AG Grid or Charts versions from your app's frontend package configuration.

Existing theme="quartz", "alpine", "balham", and "material" settings continue to use legacy CSS themes, including Reflex color-mode selection. The wrapper has not switched to the new Theming API.

AG Grid 36 replaces the separate scrolling and pinned containers with a shared scrolling layout. It also moves theme and RTL classes onto parent elements. Update custom CSS and browser tests that depend on the old containers. Common selector changes include:

See the complete v36 DOM migration reference for other changed or removed containers.

Filtering to zero matches now displays a “No Matching Rows” overlay, and exports started through the grid UI display an exporting overlay. Infinite and server-side grids also display empty-data overlays.

To suppress the new filtering and exporting overlays, set suppress_overlays when creating the grid:

import reflex_enterprise as rxe

rxe.ag_grid(
    id="inventory",
    column_defs=[{"field": "name", "filter": True}],
    row_data=[{"name": "Alpha"}],
    suppress_overlays=["noMatchingRows", "exporting"],
)

This is an initial-only option; it cannot be changed through api.set_grid_option after the grid is created. Other supported overlay names are "loading", "noRows", and "fileInput".

Setting suppress_auto_size on a column now disables every auto-sizing mechanism for that column, including API calls, the column menu, and double-clicking the column divider.

cellDataType inside column_types and colId inside auto_group_column_def were ignored upstream and are no longer supported in those locations. Set cell data types on actual column definitions. Use the auto-group column's context for application metadata.

In v36.2, upstream deprecates tooltipField, tooltipValueGetter, and headerTooltipValueGetter; they remain supported. Consult the v36.2 guide before changing custom JavaScript tooltip configuration.

For columns using cellDataType="date", filter models now contain date-only values. Check application code that reads or restores those values.

The order of value columns in the columns tool panel is now included in grid state. Restoring state preserves the corresponding pivot-result header order.

Review custom chart themes and options when moving from AG Charts 11.2.4 to 14.2.0. The v12, v13, and v14 guides describe the changes, including replacements for removed highlight and palette options.

Charts no longer implicitly use a row-group column for grouped categories. Set useGroupColumnAsCategory: true in the chart creation options when you need that behavior.

The upgrade also fixes these wrapper behaviors:

• row_id_key generates a JavaScript function returning the row's ID, allowing selection and editing to identify rows correctly.
• pinned_top_row_data and pinned_bottom_row_data use the correct upstream prop names. The original pinned_row_top_data and pinned_row_bottom_data spellings remain supported as aliases.
• Infinite and server-side datasource URLs preserve query parameters, including pagination and sorting parameters.

The wrapper continues to register ValidationModule explicitly in development. AG Grid 36 no longer includes it in the all-modules bundles, but development diagnostics remain available in Reflex apps.

See the complete upstream guides for v35, v36, v36.1, and v36.2. Neither v35 nor v36 removes deprecated Grid APIs.