fix: table emptynode fixed display (#730)

Author: hemengke1997

src/Body/BodyRow.tsx

@@ -196,6 +196,7 @@ function BodyRow<RecordType extends { children?: readonly RecordType[] }>(
         component={RowComponent}
         cellComponent={cellComponent}
         colSpan={flattenColumns.length}
+        isEmpty={false}
       >
         {expandContent}
       </ExpandedRow>

src/Body/ExpandedRow.tsx

@@ -12,6 +12,7 @@ export interface ExpandedRowProps {
   expanded: boolean;
   children: React.ReactNode;
   colSpan: number;
+  isEmpty: boolean;
 }
 
 function ExpandedRow({
@@ -22,15 +23,17 @@ function ExpandedRow({
   className,
   expanded,
   colSpan,
+  isEmpty,
 }: ExpandedRowProps) {
   const { scrollbarSize } = React.useContext(TableContext);
-  const { fixHeader, fixColumn, componentWidth } = React.useContext(ExpandedRowContext);
+  const { fixHeader, fixColumn, componentWidth, horizonScroll } =
+    React.useContext(ExpandedRowContext);
 
   // Cache render node
   return React.useMemo(() => {
     let contentNode = children;
 
-    if (fixColumn) {
+    if (isEmpty ? horizonScroll : fixColumn) {
       contentNode = (
         <div
           style={{
@@ -64,10 +67,12 @@ function ExpandedRow({
     className,
     expanded,
     colSpan,
+    isEmpty,
     scrollbarSize,
     componentWidth,
     fixColumn,
     fixHeader,
+    horizonScroll,
   ]);
 }
 

src/Body/index.tsx

@@ -92,6 +92,7 @@ function Body<RecordType>({
           component={trComponent}
           cellComponent={tdComponent}
           colSpan={flattenColumns.length}
+          isEmpty
         >
           {emptyNode}
         </ExpandedRow>

src/Table.tsx

@@ -844,8 +844,9 @@ function Table<RecordType extends DefaultRecordType>(props: TableProps<RecordTyp
       componentWidth,
       fixHeader,
       fixColumn,
+      horizonScroll
     }),
-    [componentWidth, fixHeader, fixColumn],
+    [componentWidth, fixHeader, fixColumn, horizonScroll],
   );
 
   const ResizeContextValue = React.useMemo(() => ({ onColumnResize }), [onColumnResize]);

src/context/ExpandedRowContext.tsx

@@ -4,6 +4,7 @@ export interface ExpandedRowProps {
   componentWidth: number;
   fixHeader: boolean;
   fixColumn: boolean;
+  horizonScroll: boolean;
 }
 
 const ExpandedRowContext = React.createContext<ExpandedRowProps>(null);