[DataGrid] Allow to control the grid density

packages/x-data-grid/src/hooks/features/density/useGridDensity.tsx

@@ -27,7 +27,7 @@ export const densityStateInitializer: GridStateInitializer<
 
 export const useGridDensity = (
   apiRef: React.MutableRefObject<GridPrivateApiCommunity>,
-  props: Pick<DataGridProcessedProps, 'density'>,
+  props: Pick<DataGridProcessedProps, 'density' | 'onDensityChange'>,
 ): void => {
   const logger = useGridLogger(apiRef, 'useDensity');
 
@@ -42,14 +42,18 @@ export const useGridDensity = (
           return state;
         }
 
+        if (props.onDensityChange) {
+          props.onDensityChange(newDensity);
+        }
+
         return {
           ...state,
           density: newDensityState,
         };
       });
       apiRef.current.forceUpdate();
     },
-    [logger, apiRef],
+    [logger, apiRef, props],
   );
 
   React.useEffect(() => {

packages/x-data-grid/src/models/props/DataGridProps.ts

@@ -551,6 +551,11 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
    * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onColumnOrderChange?: GridEventListener<'columnOrderChange'>;
+  /**
+   * Callback fired when the density changes.
+   * @param {GridDensity} density New density value.
+   */
+  onDensityChange?: (density: GridDensity) => void;
   /**
    * Callback fired when a row is clicked.
    * Not called if the target clicked is an interactive element added by the built-in columns.
@@ -660,6 +665,7 @@ export interface DataGridPropsWithoutDefaultValue<R extends GridValidRowModel =
    * Callback fired when the selection state of one or multiple rows changes.
    * @param {GridRowSelectionModel} rowSelectionModel With all the row ids [[GridSelectionModel]].
    * @param {GridCallbackDetails} details Additional details for this callback.
+   * @param {GridCallbackDetails} details Additional details for this callback.
    */
   onRowSelectionModelChange?: (
     rowSelectionModel: GridRowSelectionModel,