Merge branch 'impove_resizing_slide'

Author: RafaelGB

src/components/HeaderMenu.tsx

@@ -9,7 +9,6 @@ import header_action_button_section from "components/headerActions/HeaderActionB
 import { HeaderActionResponse } from "cdm/HeaderActionModel";
 import header_action_types_section from "components/headerActions/HeaderActiontypesSection";
 import { TableColumn, TableDataType } from "cdm/FolderModel";
-import { Column } from "@tanstack/react-table";
 
 const HeaderMenu = (headerMenuProps: HeaderMenuProps) => {
   const { table, header, column } = headerMenuProps.headerProps;

src/components/TableHeader.tsx

@@ -66,18 +66,22 @@ export default function TableHeader(headerProps: TableHeaderProps) {
   drag(drop(DnDref));
   return (
     <div
-      ref={DnDref}
-      data-handler-id={handlerId}
       key={`${header.id}-${headerIndex}`}
       className={`${c("th noselect")} header`}
       style={{
         width: header.getSize(),
         opacity,
       }}
     >
-      {header.isPlaceholder
-        ? null
-        : flexRender(header.column.columnDef.header, header.getContext())}
+      <div
+        ref={DnDref}
+        data-handler-id={handlerId}
+        key={`${header.id}-${headerIndex}-dnd`}
+      >
+        {header.isPlaceholder
+          ? null
+          : flexRender(header.column.columnDef.header, header.getContext())}
+      </div>
       <div
         key={`${header.id}-${headerIndex}-resizer`}
         {...{