fix(AnalyticalTable): update column widths correctly when grouped or reordered (#7210)

Internal Reference: MXP-2983

Author: Lukas742

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

@@ -163,7 +163,7 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
   } = props;
 
   useStylesheet(styleData, AnalyticalTable.displayName);
-  const isInitial = useRef(false);
+  const isInitialized = useRef(false);
 
   const alwaysShowSubComponent =
     subComponentsBehavior === AnalyticalTableSubComponentsBehavior.Visible ||
@@ -309,12 +309,22 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
   });
   // force re-measure if `visibleColumns` change
   useEffect(() => {
-    if (isInitial.current && visibleColumns.length) {
+    if (isInitialized.current && visibleColumns.length) {
       columnVirtualizer.measure();
     } else {
-      isInitial.current = true;
+      isInitialized.current = true;
     }
   }, [visibleColumns.length]);
+  // force re-measure if `state.groupBy` or `state.columnOrder` changes
+  useEffect(() => {
+    if (isInitialized.current && (tableState.groupBy || tableState.columnOrder)) {
+      setTimeout(() => {
+        columnVirtualizer.measure();
+      }, 100);
+    } else {
+      isInitialized.current = true;
+    }
+  }, [tableState.groupBy, tableState.columnOrder]);
 
   const [analyticalTableRef, scrollToRef] = useTableScrollHandles(updatedRef, dispatch);