fix: table first render width, close #5075 #4993

vueComponent · Dec 27, 2021 · b265d75 · b265d75
1 parent 0bc1e0a
commit b265d75
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/components/vc-table/Body/index.tsx b/components/vc-table/Body/index.tsx
@@ -1,3 +1,4 @@
+// base rc-table@7.17.2
 import type { GetRowKey, Key, GetComponentProps } from '../interface';
 import ExpandedRow from './ExpandedRow';
 import { getColumnsKey } from '../utils/valueUtil';

diff --git a/components/vc-table/Table.tsx b/components/vc-table/Table.tsx
@@ -449,13 +449,20 @@ export default defineComponent<TableProps<DefaultRecordType>>({
       }
     };
     let timtout;
+    const updateWidth = (width: number) => {
+      if (width !== componentWidth.value) {
+        triggerOnScroll();
+        componentWidth.value = fullTableRef.value ? fullTableRef.value.offsetWidth : width;
+      }
+    };
     const onFullTableResize = ({ width }) => {
       clearTimeout(timtout);
+      if (componentWidth.value === 0) {
+        updateWidth(width);
+        return;
+      }
       timtout = setTimeout(() => {
-        if (width !== componentWidth.value) {
-          triggerOnScroll();
-          componentWidth.value = fullTableRef.value ? fullTableRef.value.offsetWidth : width;
-        }
+        updateWidth(width);
       }, 100);
     };