fix(AnalyticalTable): allow column reordering in tree table mode

Author: MarcusNotheis

packages/main/src/components/AnalyticalTable/__snapshots__/AnalyticalTable.test.tsx.snap

@@ -1547,7 +1547,7 @@ exports[`AnalyticalTable Tree Table 1`] = `
       <div
         class="AnalyticalTable-th-0"
         data-column-id="name"
-        draggable="false"
+        draggable="true"
         id="name"
         role="columnheader"
         style="position: relative; width: 150px; cursor: pointer;"
@@ -1618,7 +1618,7 @@ exports[`AnalyticalTable Tree Table 1`] = `
       <div
         class="AnalyticalTable-th-0"
         data-column-id="age"
-        draggable="false"
+        draggable="true"
         id="age"
         role="columnheader"
         style="position: relative; width: 150px; cursor: pointer;"
@@ -1689,7 +1689,7 @@ exports[`AnalyticalTable Tree Table 1`] = `
       <div
         class="AnalyticalTable-th-0"
         data-column-id="friend.name"
-        draggable="false"
+        draggable="true"
         id="friend.name"
         role="columnheader"
         style="position: relative; width: 150px; cursor: pointer;"
@@ -1760,7 +1760,7 @@ exports[`AnalyticalTable Tree Table 1`] = `
       <div
         class="AnalyticalTable-th-0"
         data-column-id="friend.age"
-        draggable="false"
+        draggable="true"
         id="friend.age"
         role="columnheader"
         style="position: relative; width: 150px; cursor: pointer;"

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

@@ -404,7 +404,7 @@ const AnalyticalTable: FC<TableProps> = forwardRef((props: TableProps, ref: Ref<
                     onDragEnter={handleDragEnter}
                     onDragEnd={handleOnDragEnd}
                     dragOver={column.id === dragOver}
-                    isDraggable={!isTreeTable && column.canReorder}
+                    isDraggable={column.canReorder}
                   >
                     {column.render('Header')}
                   </ColumnHeader>

packages/main/src/components/AnalyticalTable/virtualization/VirtualTableBody.tsx

@@ -221,7 +221,7 @@ export const VirtualTableBody = (props: VirtualTableBodyProps) => {
 
                 let contentToRender;
                 if (
-                  cell.column.id == '__ui5wcr__internal_highlight_column' ||
+                  cell.column.id === '__ui5wcr__internal_highlight_column' ||
                   cell.column.id === '__ui5wcr__internal_selection_column'
                 ) {
                   contentToRender = 'Cell';