fix:Enable Column Width Resizing for Merged Header Cells #446

Author: qiufeihong2018

src/lib/Behaviors/DefaultBehavior.ts

@@ -6,6 +6,7 @@ import {
   handleDoubleClick,
   getScrollOfScrollableElement,
   isSelectionKey,
+  getCompatibleCellAndTemplate,
 } from "../../core";
 import {
   KeyboardEvent,
@@ -49,6 +50,8 @@ export class DefaultBehavior extends Behavior {
     location: PointerLocation,
     state: State
   ): Behavior {
+    const { cell } = getCompatibleCellAndTemplate(state, location);
+    
     // changing behavior will disable all keyboard event handlers
     const target = event.target as HTMLDivElement;
     if (
@@ -57,7 +60,7 @@ export class DefaultBehavior extends Behavior {
         (event.pointerType === "touch" &&
           (target.className === "rg-touch-resize-handle" ||
             target.className === "rg-resize-handle"))) &&
-      location.row.idx === 0 &&
+      (location.row.idx === 0 || cell.type === "header") &&
       location.column.resizable &&
       location.cellX >
         location.column.width -

src/lib/Components/CellRenderer.tsx

@@ -134,7 +134,7 @@ export const CellRenderer: React.FC<CellRendererProps> = ({
             })}
         >
             {cellTemplate.render(cellToRender, isMobile ? isInEditMode : false, onCellChanged)}
-            {location.row.idx === 0 && location.column.resizable && <ResizeHandle />}
+            {(location.row.idx === 0 || cell.type === 'header')&& location.column.resizable && <ResizeHandle />}
             {state.enableGroupIdRender && cell?.groupId !== undefined && !(isInEditMode && isMobile) && (
                 <span className="rg-groupId">{cell.groupId}</span>
             )}