diff --git a/packages/core/src/data-editor/data-editor.tsx b/packages/core/src/data-editor/data-editor.tsx
index 2d81fe286..c15158f78 100644
--- a/packages/core/src/data-editor/data-editor.tsx
+++ b/packages/core/src/data-editor/data-editor.tsx
@@ -467,6 +467,12 @@ export interface DataEditorProps extends Props {
      * @group Selection
      */
     readonly gridSelection?: GridSelection;
+    /**
+     * Scroll position configuration when using {@link gridSelection}.
+     * See "Controlled selection" example for details.
+     * @group Selection
+     */
+    readonly gridSelectionScrollOptions?: GridSelectionScrollOptions;
     /**
      * Emitted whenever the grid selection changes. Specifying
      * this function will make the grid’s selection controlled, so
@@ -610,16 +616,26 @@ export interface DataEditorProps extends Props {
     readonly scaleToRem?: boolean;
 }
 
+type GridSelectionScrollOptions = {
+    dir?: ScrollDir;
+    paddingX?: number;
+    paddingY?: number;
+    options?: ScrollAlignOptions;
+};
+
+type ScrollDir = "horizontal" | "vertical" | "both";
+type ScrollAlignOptions = {
+    hAlign?: "start" | "center" | "end";
+    vAlign?: "start" | "center" | "end";
+};
+
 type ScrollToFn = (
     col: number | { amount: number; unit: "cell" | "px" },
     row: number | { amount: number; unit: "cell" | "px" },
-    dir?: "horizontal" | "vertical" | "both",
+    dir?: ScrollDir,
     paddingX?: number,
     paddingY?: number,
-    options?: {
-        hAlign?: "start" | "center" | "end";
-        vAlign?: "start" | "center" | "end";
-    }
+    options?: ScrollAlignOptions
 ) => void;
 
 /** @category DataEditor */
@@ -743,6 +759,7 @@ const DataEditorImpl: React.ForwardRefRenderFunction<DataEditorRef, DataEditorPr
         showSearch: showSearchIn,
         onVisibleRegionChanged,
         gridSelection: gridSelectionOuter,
+        gridSelectionScrollOptions,
         onGridSelectionChange,
         minColumnWidth: minColumnWidthIn = 50,
         maxColumnWidth: maxColumnWidthIn = 500,
@@ -3321,10 +3338,12 @@ const DataEditorImpl: React.ForwardRefRenderFunction<DataEditorRef, DataEditorPr
             (outCol !== expectedExternalGridSelection.current?.current?.cell[0] ||
                 outRow !== expectedExternalGridSelection.current?.current?.cell[1])
         ) {
-            scrollToRef.current(outCol, outRow);
+            const { dir, paddingX, paddingY, options } = gridSelectionScrollOptions ?? {};
+
+            scrollToRef.current(outCol, outRow, dir, paddingX, paddingY, options);
         }
         hasJustScrolled.current = false; //only allow skipping a single scroll
-    }, [outCol, outRow]);
+    }, [outCol, outRow, gridSelectionScrollOptions]);
 
     const selectionOutOfBounds =
         gridSelection.current !== undefined &&
diff --git a/packages/core/src/docs/examples/controlled-selection.stories.tsx b/packages/core/src/docs/examples/controlled-selection.stories.tsx
index fed4e273c..51499c29a 100644
--- a/packages/core/src/docs/examples/controlled-selection.stories.tsx
+++ b/packages/core/src/docs/examples/controlled-selection.stories.tsx
@@ -31,6 +31,9 @@ export const ControlledSelection: React.VFC = () => {
         rows: CompactSelection.empty(),
     });
 
+    const [centerScroll, setCenterScroll] = React.useState(false);
+    const handleCenterScroll = () => setCenterScroll(s => !s);
+
     return (
         <BeautifulWrapper
             title="Controlled Selection"
@@ -82,12 +85,26 @@ export const ControlledSelection: React.VFC = () => {
                             }));
                         }}
                     />
+                    <div>
+                        <span style={{ fontSize: "14px", display: "flex", alignItems: "center" }}>
+                            <input
+                                type="checkbox"
+                                name="site_name"
+                                checked={centerScroll}
+                                onChange={handleCenterScroll}
+                            />
+                            <span onClick={handleCenterScroll}>Centered scrolling</span>
+                        </span>
+                    </div>
                 </Description>
             }>
             <DataEditor
                 {...defaultProps}
                 getCellContent={getCellContent}
                 gridSelection={selection}
+                gridSelectionScrollOptions={
+                    centerScroll ? { options: { hAlign: "center", vAlign: "center" } } : undefined
+                }
                 onGridSelectionChange={setSelection}
                 columns={cols}
                 rows={100}