скролл с виртуализацией fix

web/src/components/RealtimeTable/RealtimeTable.jsx

@@ -141,10 +141,22 @@ const RealtimeTable = ({ formType, formId, sheetName, direction }) => {
         }
       },
       columnVirtualizerOptions: ({ table }) => ({
-        overscan: 5,
+        overscan: 1,
         measureElement: (el) => {
+          if (!el) return 150;
           const index = Number(el?.getAttribute?.('data-index'));
-          return table.getVisibleLeafColumns()[index]?.getSize() ?? 0;
+          // const index = indx < 4 ? indx : indx;
+          // const index = indx;
+          const isPinned = Boolean(el?.getAttribute?.('data-pinned'));
+          if (isPinned) {
+            const colId = table.getState().columnPinning.left[index];
+            const column = table.getColumn(colId);
+            return column.columnDef.size;
+
+          }
+          const allCols = [...table.getLeftVisibleLeafColumns(), ...table.getCenterVisibleLeafColumns()]
+          return allCols[index]?.getSize() ?? 150;
+
         },
       }),
       enableRowSelection: true,
@@ -243,11 +255,11 @@ const RealtimeTable = ({ formType, formId, sheetName, direction }) => {
     if (columnPinning && Object.keys(columnPinning).length > 0) {
       const timer = setTimeout(() => {
         setColumnPinning(prev => ({ ...prev }));
-      }, 10);
+      }, 100);
 
       return () => clearTimeout(timer);
     }
-  }, [table]);
+  }, []);
 
   const handleAddRow = useCallback(() => {
     const allRows = table.getRowModel().rows;