Fix primefaces#3009: Datatable add virtualScrollerRef

melloware · Jun 29, 2022 · 09311e7 · 09311e7
1 parent ad504a3
commit 09311e7
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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) };