From 0d88af5ffc32f16bdbf4694f6dba9506ff2476fd Mon Sep 17 00:00:00 2001
From: Michel Engelen <32863416+michelengelen@users.noreply.github.com>
Date: Fri, 13 Sep 2024 14:58:49 +0200
Subject: [PATCH] [docs] Add `groupingValueGetter` callout in column definition
 docs (#14599)

---
 docs/data/data-grid/column-definition/column-definition.md | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/docs/data/data-grid/column-definition/column-definition.md b/docs/data/data-grid/column-definition/column-definition.md
index 436ab68089fb9..ddde3c774e5fc 100644
--- a/docs/data/data-grid/column-definition/column-definition.md
+++ b/docs/data/data-grid/column-definition/column-definition.md
@@ -95,6 +95,11 @@ The value returned by `valueGetter` is used for:
 Read more in the [handling autogenerated rows](/x/react-data-grid/column-definition/#autogenerated-rows) section.
 :::
 
+:::warning
+[Row grouping](/x/react-data-grid/row-grouping/) uses the [`groupingValueGetter`](/x/react-data-grid/row-grouping/#using-groupingvaluegetter-for-complex-grouping-value) instead of `valueGetter` to get the value for the grouping.
+The value passed to the `groupingValueGetter` is the raw row value (`row[field]`) even if the column definition has a `valueGetter` defined.
+:::
+
 ### Value formatter
 
 The value formatter allows you to convert the value before displaying it.