fix: duplicate unique identifiers in MeasureRow column headers

src/Body/MeasureRow.tsx

@@ -5,6 +5,7 @@ import isVisible from '@rc-component/util/lib/Dom/isVisible';
 import { useContext } from '@rc-component/context';
 import TableContext from '../context/TableContext';
 import type { ColumnType } from '../interface';
+import { cleanMeasureRowAttributes } from '../utils/measureUtil';
 
 export interface MeasureRowProps {
   prefixCls: string;
@@ -23,6 +24,12 @@ const MeasureRow: React.FC<MeasureRowProps> = ({
 
   const { measureRowRender } = useContext(TableContext, ['measureRowRender']);
 
+  React.useLayoutEffect(() => {
+    if (ref.current) {
+      cleanMeasureRowAttributes(ref.current);
+    }
+  }, [columnsKey, columns]);
+
   const measureRow = (
     <tr aria-hidden="true" className={`${prefixCls}-measure-row`} style={{ height: 0 }} ref={ref}>
       <ResizeObserver.Collection
@@ -40,6 +47,7 @@ const MeasureRow: React.FC<MeasureRowProps> = ({
           const titleForMeasure = React.isValidElement<React.RefAttributes<any>>(rawTitle)
             ? React.cloneElement(rawTitle, { ref: null })
             : rawTitle;
+
           return (
             <MeasureCell
               key={columnKey}

src/utils/measureUtil.ts

@@ -0,0 +1,31 @@
+/**
+ * Attributes that should be removed from measure row DOM to avoid conflicts
+ */
+const FILTERED_ATTRIBUTES = [
+  // Unique identifiers that shouldn't be duplicated in DOM
+  'id',
+  'data-testid',
+  'data-test-id',
+  'data-cy', // Cypress
+  'data-qa',
+  'data-automation-id',
+  'data-id',
+  'data-key',
+] as const;
+
+/**
+ * Remove all ID and test attributes from DOM element and its descendants
+ * This ensures the measure row complies with HTML spec (no duplicate IDs)
+ * and works with custom components whose internal DOM we cannot control at React level
+ * @param element - The DOM element to clean
+ */
+export function cleanMeasureRowAttributes(element: HTMLElement): void {
+  if (!element) return;
+
+  const allElements = element.querySelectorAll('*');
+  allElements.forEach(el => {
+    FILTERED_ATTRIBUTES.forEach(attr => {
+      el.removeAttribute(attr);
+    });
+  });
+}