fix(MeasureRow): clone the column without ref so that ref can point to the real columnHeader. (#1362)

* fix(MeasureRow): clone the column without ref so that ref can point to the real columnHeader.

* fix(Body/MeasureRow): fix the type error when clone ReactElement

* Refactor titleForMeasure assignment logic

---------

Co-authored-by: lijianan <[email protected]>

Author: Linkodt

src/Body/MeasureRow.tsx

@@ -36,12 +36,16 @@ const MeasureRow: React.FC<MeasureRowProps> = ({
       >
         {columnsKey.map(columnKey => {
           const column = columns.find(col => col.key === columnKey);
+          const rawTitle = column?.title;
+          const titleForMeasure = React.isValidElement<React.RefAttributes<any>>(rawTitle)
+            ? React.cloneElement(rawTitle, { ref: null })
+            : rawTitle;
           return (
             <MeasureCell
               key={columnKey}
               columnKey={columnKey}
               onColumnResize={onColumnResize}
-              title={column?.title}
+              title={titleForMeasure}
             />
           );
         })}