fix: Hide Header tmp when column data not ready (#406)

Author: zombieJ

src/Header/FixedHeader.tsx

@@ -48,8 +48,14 @@ function FixedHeader<RecordType>({
     };
   }, [scrollbarSize, stickyOffsets]);
 
+  const cloneWidths: number[] = [];
+  for (let i = 0; i < columCount; i += 1) {
+    cloneWidths[i] = colWidths[i];
+  }
+  const columnWidthsReady = !colWidths.every(width => !width);
+
   return (
-    <table style={{ tableLayout: 'fixed' }}>
+    <table style={{ tableLayout: 'fixed', visibility: columnWidthsReady ? null : 'hidden' }}>
       <ColGroup colWidths={[...colWidths, scrollbarSize]} columCount={columCount + 1} />
       <Header
         {...props}

tests/__snapshots__/Table.spec.js.snap

@@ -78,7 +78,7 @@ exports[`Table.Basic custom components renders fixed column and header correctly
       style="overflow-x: scroll; margin-bottom: -15px;"
     >
       <table
-        style="table-layout: fixed;"
+        style="table-layout: fixed; visibility: hidden;"
       >
         <colgroup>
           <col />