add horizontal scrollTo

Author: Lukas742

packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderContainer.tsx

@@ -39,7 +39,8 @@ export const ColumnHeaderContainer = (props) => {
     tableRef,
     visibleColumnsWidth,
     overscanCountHorizontal,
-    resizeInfo
+    resizeInfo,
+    reactWindowRef
   } = props;
   const columnVirtualizer = useVirtual({
     size: visibleColumnsWidth.length,
@@ -54,6 +55,12 @@ export const ColumnHeaderContainer = (props) => {
     overscan: overscanCountHorizontal
   });
 
+  reactWindowRef.current = {
+    ...reactWindowRef.current,
+    horizontalScrollToOffset: columnVirtualizer.scrollToOffset,
+    horizontalScrollToIndex: columnVirtualizer.scrollToIndex
+  };
+
   const classes = useStyles();
 
   return (

packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx

@@ -65,6 +65,7 @@ export const VirtualTableBody = (props: VirtualTableBodyProps) => {
   });
 
   reactWindowRef.current = {
+    ...reactWindowRef.current,
     scrollToOffset: rowVirtualizer.scrollToOffset,
     scrollToIndex: rowVirtualizer.scrollToIndex
   };

packages/main/src/components/AnalyticalTable/hooks/useTableScrollHandles.ts

@@ -18,10 +18,26 @@ export const useTableScrollHandles = (ref) => {
           if (typeof reactWindowRef.current?.scrollToIndex === 'function') {
             reactWindowRef.current.scrollToIndex(index, { align });
           }
+        },
+        horizontalScrollTo: (offset, align) => {
+          if (typeof reactWindowRef.current?.horizontalScrollToOffset === 'function') {
+            reactWindowRef.current.horizontalScrollToOffset(offset, { align });
+          }
+        },
+        horizontalScrollToItem: (index, align) => {
+          if (typeof reactWindowRef.current?.horizontalScrollToIndex === 'function') {
+            reactWindowRef.current.horizontalScrollToIndex(index, { align });
+          }
         }
       });
     }
-  }, [analyticalTableRef.current, reactWindowRef.current.scrollToIndex, reactWindowRef.current.scrollToOffset]);
+  }, [
+    analyticalTableRef.current,
+    reactWindowRef.current.scrollToIndex,
+    reactWindowRef.current.scrollToOffset,
+    reactWindowRef.current.horizontalScrollToIndex,
+    reactWindowRef.current.horizontalScrollToOffset
+  ]);
 
   return [analyticalTableRef, reactWindowRef];
 };

packages/main/src/components/AnalyticalTable/index.tsx

@@ -415,6 +415,7 @@ const AnalyticalTable: FC<TableProps> = forwardRef((props: TableProps, ref: Ref<
           return (
             tableRef.current && (
               <ColumnHeaderContainer
+                reactWindowRef={reactWindowRef}
                 tableRef={tableRef}
                 resizeInfo={tableState.columnResizing}
                 visibleColumnsWidth={visibleColumnsWidth}