From 5a4c98f93e6ad4d407ada87d3b08408dc0342aa9 Mon Sep 17 00:00:00 2001
From: Adrian Borrmann <hello@adrianborrmann.com>
Date: Fri, 1 Aug 2025 12:20:19 -0600
Subject: [PATCH] allow cellRenderer to be a fn in a colDef

---
 CHANGELOG.md                    |  5 ++++
 src/lib/utils/propCategories.js |  1 +
 tests/test_column_defs.py       | 49 +++++++++++++++++++++++++++++++++
 3 files changed, 55 insertions(+)
 create mode 100644 tests/test_column_defs.py

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8273da78..070a4fc3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,11 @@ All notable changes to `dash-ag-grid` will be documented in this file.
 This project adheres to [Semantic Versioning](https://semver.org/).
 Links "DE#nnn" prior to version 2.0 point to the Dash Enterprise closed-source Dash AG Grid repo
 
+## UNRELEASED
+
+### Fixed
+- [#394](https://github.com/plotly/dash-ag-grid/issues/394) allow `cellRenderer` column def to be a function
+
 ## [33.3.2rc0] - 2025-07-29
 
 ### Changed
diff --git a/src/lib/utils/propCategories.js b/src/lib/utils/propCategories.js
index 6e857edd..2eb167b3 100644
--- a/src/lib/utils/propCategories.js
+++ b/src/lib/utils/propCategories.js
@@ -233,6 +233,7 @@ export const COLUMN_MAYBE_FUNCTIONS = {
     cellStyle: 1,
     cellClass: 1,
     tooltipComponent: 1,
+    cellRenderer: 1,
     cellRendererSelector: 1,
 
     // Columns: Row Dragging
diff --git a/tests/test_column_defs.py b/tests/test_column_defs.py
new file mode 100644
index 00000000..3558c7ba
--- /dev/null
+++ b/tests/test_column_defs.py
@@ -0,0 +1,49 @@
+import dash_ag_grid as dag
+from dash import Dash, html, dcc
+from . import utils
+
+
+def test_cd001_cell_renderer_function(dash_duo):
+    app = Dash(__name__)
+
+    rowData = [
+        {"size": 0, "is_available": True},
+        {"size": 1, "is_available": False},
+        {"size": 2, "is_available": True},
+    ]
+
+    columnDefs = [
+        {
+            "field": "size",
+            "cellRenderer": {"function": "params.value < 1 ? 'small' : params.value < 2 ? 'medium' : 'large'"},
+        },
+        {
+            "field": "is_available",
+            "cellRenderer": {"function": "params.value ? 'yes' : 'no'"},
+        },
+    ]
+
+    app.layout = html.Div(
+        [
+            dcc.Markdown(
+                "This grid uses a javascript function to display computed values for each cell, rather than the raw numbers."
+            ),
+            dag.AgGrid(
+                columnDefs=columnDefs,
+                rowData=rowData,
+                id="grid",
+            ),
+        ],
+        style={"margin": 20},
+    )
+
+    dash_duo.start_server(app)
+
+    grid = utils.Grid(dash_duo, "grid")
+
+    grid.wait_for_cell_text(0, 0, "small")
+    grid.wait_for_cell_text(0, 1, "yes")
+    grid.wait_for_cell_text(1, 0, "medium")
+    grid.wait_for_cell_text(1, 1, "no")
+    grid.wait_for_cell_text(2, 0, "large")
+    grid.wait_for_cell_text(2, 1, "yes")