fix(AnalyticalTable): prevent unecessary horizontal scrollbar (#5352)

Author: Lukas742

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

@@ -343,9 +343,17 @@ const AnalyticalTable = forwardRef<AnalyticalTableDomRef, AnalyticalTablePropTyp
 
   const updateTableClientWidth = useCallback(() => {
     if (tableRef.current) {
-      dispatch({ type: 'TABLE_RESIZE', payload: { tableClientWidth: tableRef.current.clientWidth } });
+      dispatch({
+        type: 'TABLE_RESIZE',
+        payload: {
+          tableClientWidth:
+            !scaleXFactor || scaleXFactor === 1
+              ? tableRef.current.getBoundingClientRect().width
+              : tableRef.current.clientWidth
+        }
+      });
     }
-  }, [tableRef.current]);
+  }, [tableRef.current, scaleXFactor]);
 
   const updateRowsCount = useCallback(() => {
     if (visibleRowCountMode === AnalyticalTableVisibleRowCountMode.Auto && analyticalTableRef.current?.parentElement) {

packages/main/src/components/AnalyticalTable/tableReducer/stateReducer.ts

@@ -38,6 +38,7 @@ export const stateReducer = (state, action, _prevState, instance) => {
       }
       return state;
     case 'TABLE_RESIZE':
+      // tableClientWidth is misleading, as only when scaled the `clientWidth` is used. In all other cases `getBoundingClientRect` is measuring the width.
       return { ...state, tableClientWidth: payload.tableClientWidth };
     case 'VISIBLE_ROWS':
       return { ...state, visibleRows: payload.visibleRows };