web/src/components/RealtimeTable/RealtimeTable.jsx

@@ -19,7 +19,6 @@ import {
   BASE_TABLE_CONFIG,
   getTableHeadCellStyles,
   getTablePaperStyles,
-  TABLE_ROW_HEIGHT,
 } from './constants/tableConfig';
 import { useRealtime } from './contexts/RealtimeContext';
 import { toast } from 'react-toastify';
@@ -67,15 +66,10 @@ const RealtimeTable = ({ formType, formId, sheetName, direction }) => {
   } = useColumnSettings(`${formId}_${formType}_${sheetName}_${direction}`);
 
   const { headerPortalRef, containerRef } = useHeaderPortal();
-  const rowVirtualizerRef = useRef(null);
 
   const { sizeMult, setSizeMult, tableScaleStyle, tableWrapperStyle } =
     useTableScale();
 
-  useEffect(() => {
-    rowVirtualizerRef.current?.measure?.();
-  }, [sizeMult]);
-
   const [columnsConfig, setColumnsConfig] = useState(null);
 
   useEffect(() => {
@@ -135,13 +129,10 @@ const RealtimeTable = ({ formType, formId, sheetName, direction }) => {
       data: data,
       enableRowVirtualization: true,
       enableColumnVirtualization: true,
-      rowVirtualizerInstanceRef: rowVirtualizerRef,
       rowVirtualizerOptions: {
         overscan: 30,
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
-        estimateSize: () => TABLE_ROW_HEIGHT,
-        measureElement: (el) => el?.offsetHeight || TABLE_ROW_HEIGHT,
       },
       onEditingCellChange: (cell) => {
         if (cell) {

web/src/components/RealtimeTable/constants/tableConfig.js

@@ -1,5 +1,3 @@
-export const TABLE_ROW_HEIGHT = 80;
-
 export const BASE_TABLE_CONFIG = {
   muiTableRowProps: {
     sx: { height: "5rem" },