fix: optimize and fix the implementation of emptyNode shake (#1273)

Author: linxianxi

src/Body/ExpandedRow.tsx

@@ -61,8 +61,6 @@ function ExpandedRow(props: ExpandedRowProps) {
       className={className}
       style={{
         display: expanded ? null : 'none',
-        // fix https://github.com/ant-design/ant-design/issues/49279
-        visibility: isEmpty && horizonScroll && !componentWidth ? 'hidden' : null,
       }}
     >
       <Cell component={cellComponent} prefixCls={prefixCls} colSpan={colSpan}>

src/Table.tsx

@@ -495,9 +495,9 @@ function Table<RecordType extends DefaultRecordType>(
     }
   };
 
-  const onFullTableResize = ({ width }) => {
+  const onFullTableResize = (offsetWidth?: number) => {
     stickyRef.current?.checkScrollBarVisible();
-    let mergedWidth = fullTableRef.current ? fullTableRef.current.offsetWidth : width;
+    let mergedWidth = offsetWidth ?? fullTableRef.current?.offsetWidth ?? 0;
     if (useInternalHooks && getContainerWidth && fullTableRef.current) {
       mergedWidth = getContainerWidth(fullTableRef.current, mergedWidth) || mergedWidth;
     }
@@ -508,6 +508,13 @@ function Table<RecordType extends DefaultRecordType>(
     }
   };
 
+  // fix https://github.com/ant-design/ant-design/issues/49279
+  useLayoutEffect(() => {
+    if (horizonScroll) {
+      onFullTableResize();
+    }
+  }, [horizonScroll]);
+
   // Sync scroll bar when init or `horizonScroll`, `data` and `columns.length` changed
   const mounted = React.useRef(false);
   React.useEffect(() => {
@@ -799,7 +806,11 @@ function Table<RecordType extends DefaultRecordType>(
   );
 
   if (horizonScroll) {
-    fullTable = <ResizeObserver onResize={onFullTableResize}>{fullTable}</ResizeObserver>;
+    fullTable = (
+      <ResizeObserver onResize={({ offsetWidth }) => onFullTableResize(offsetWidth)}>
+        {fullTable}
+      </ResizeObserver>
+    );
   }
 
   const fixedInfoList = useFixedInfo(flattenColumns, stickyOffsets);

tests/__snapshots__/ExpandRow.spec.jsx.snap

@@ -569,7 +569,7 @@ exports[`Table.Expand > renders fixed column correctly > work 1`] = `
             >
               <div
                 class="rc-table-expanded-row-fixed"
-                style="width: 0px; position: sticky; left: 0px; overflow: hidden;"
+                style="width: 1128px; position: sticky; left: 0px; overflow: hidden;"
               >
                 <p>
                   extra data
@@ -616,7 +616,7 @@ exports[`Table.Expand > renders fixed column correctly > work 1`] = `
             >
               <div
                 class="rc-table-expanded-row-fixed"
-                style="width: 0px; position: sticky; left: 0px; overflow: hidden;"
+                style="width: 1128px; position: sticky; left: 0px; overflow: hidden;"
               >
                 <p>
                   extra data

tests/__snapshots__/FixedColumn.spec.tsx.snap

@@ -1819,7 +1819,6 @@ exports[`Table.FixedColumn > renders correctly > scrollX - without data 1`] = `
           </tr>
           <tr
             class="rc-table-placeholder"
-            style=""
           >
             <td
               class="rc-table-cell"
@@ -2976,7 +2975,6 @@ exports[`Table.FixedColumn > renders correctly > scrollXY - without data 1`] = `
           </tr>
           <tr
             class="rc-table-placeholder"
-            style=""
           >
             <td
               class="rc-table-cell"