From 156255b1053dfd6d6e8c966a378229050456ad09 Mon Sep 17 00:00:00 2001
From: Melloware <mellowaredev@gmail.com>
Date: Thu, 30 Jun 2022 10:14:44 -0400
Subject: [PATCH] Fix #3009: Datatable add virtualScrollerRef (#3011)

---
 components/lib/datatable/DataTable.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/lib/datatable/DataTable.js b/components/lib/datatable/DataTable.js
index 12fecd1828..187e17ace9 100644
--- a/components/lib/datatable/DataTable.js
+++ b/components/lib/datatable/DataTable.js
@@ -24,6 +24,7 @@ export const DataTable = React.forwardRef((props, ref) => {
     const elementRef = React.useRef(null);
     const tableRef = React.useRef(null);
     const wrapperRef = React.useRef(null);
+    const virtualScrollerRef = React.useRef(null);
     const reorderIndicatorUpRef = React.useRef(null);
     const reorderIndicatorDownRef = React.useRef(null);
     const colReorderIconWidth = React.useRef(null);
@@ -1431,7 +1432,7 @@ export const DataTable = React.forwardRef((props, ref) => {
 
         return (
             <div ref={wrapperRef} className="p-datatable-wrapper" style={{ maxHeight: _isVirtualScrollerDisabled ? props.scrollHeight : null }}>
-                <VirtualScroller {...virtualScrollerOptions} items={processedData} columns={columns} scrollHeight={props.scrollHeight}
+                <VirtualScroller ref={virtualScrollerRef} {...virtualScrollerOptions} items={processedData} columns={columns} scrollHeight={props.scrollHeight}
                     disabled={_isVirtualScrollerDisabled} loaderDisabled showSpacer={false}
                     contentTemplate={(options) => {
                         const ref = (el) => { tableRef.current = el; options.spacerRef && options.spacerRef(el) };