fix(AnalyticalTable): fix scrollbar issue on column reorder & intial horizontal scrolling

Author: MarcusNotheis

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

@@ -59,7 +59,8 @@ const styles = {
     position: 'relative',
     width: '100%',
     overflowX: 'hidden',
-    padding: `0 0.5rem`
+    padding: `0 0.5rem`,
+    boxSizing: 'border-box'
   },
   iconContainer: {
     display: 'inline-block',

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

@@ -4,8 +4,8 @@ import { VerticalAlign } from '@ui5/webcomponents-react/lib/VerticalAlign';
 import { CSSProperties } from 'react';
 
 const getCellProps = (cellProps, { cell: { column }, instance }) => {
-  const lastColumnId = instance.columns[instance.columns.length - 1]?.id;
-  const columnIndex = instance.columns.findIndex(({ id }) => id === column.id);
+  const lastColumnId = instance.visibleColumns[instance.visibleColumns.length - 1]?.id;
+  const columnIndex = instance.visibleColumns.findIndex(({ id }) => id === column.id);
   const { classes } = instance.webComponentsReactProperties;
   const style: CSSProperties = {};