From eacd1f69ebbddfd9b45c8c48dbc9dcf2f730e919 Mon Sep 17 00:00:00 2001
From: Aex <adaex@qq.com>
Date: Sun, 29 Aug 2021 13:56:56 +0000
Subject: [PATCH 1/2] fix: sync scroll bar when `columns` changed

---
 src/Table.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Table.tsx b/src/Table.tsx
index 6c144ebff..248dd3544 100644
--- a/src/Table.tsx
+++ b/src/Table.tsx
@@ -492,13 +492,13 @@ function Table<RecordType extends DefaultRecordType>(props: TableProps<RecordTyp
     }
   };
 
-  // Sync scroll bar when init or `horizonScroll` & `data` changed
+  // Sync scroll bar when init or `horizonScroll`, `data` and `columns` changed
   React.useEffect(() => triggerOnScroll, []);
   React.useEffect(() => {
     if (horizonScroll) {
       triggerOnScroll();
     }
-  }, [horizonScroll, data]);
+  }, [horizonScroll, data, columns]);
 
   // ===================== Effects ======================
   const [scrollbarSize, setScrollbarSize] = React.useState(0);

From 2f1c8ba27ecd622a36d31023c6e5649e7331c3a8 Mon Sep 17 00:00:00 2001
From: Aex <adaex@qq.com>
Date: Wed, 1 Sep 2021 01:51:49 +0000
Subject: [PATCH 2/2] Chnage columns to cloumns.length

---
 src/Table.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Table.tsx b/src/Table.tsx
index 248dd3544..7d78b5b22 100644
--- a/src/Table.tsx
+++ b/src/Table.tsx
@@ -492,13 +492,13 @@ function Table<RecordType extends DefaultRecordType>(props: TableProps<RecordTyp
     }
   };
 
-  // Sync scroll bar when init or `horizonScroll`, `data` and `columns` changed
+  // Sync scroll bar when init or `horizonScroll`, `data` and `columns.length` changed
   React.useEffect(() => triggerOnScroll, []);
   React.useEffect(() => {
     if (horizonScroll) {
       triggerOnScroll();
     }
-  }, [horizonScroll, data, columns]);
+  }, [horizonScroll, data, columns.length]);
 
   // ===================== Effects ======================
   const [scrollbarSize, setScrollbarSize] = React.useState(0);