fix: Sync scroll bar when data change (#646) (#647)

lanten · web-flow · commit 5b60558fccd6 · 2021-07-15T16:43:13.000+08:00
diff --git 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` changed
+  // Sync scroll bar when init or `horizonScroll` & `data` changed
   React.useEffect(() => triggerOnScroll, []);
   React.useEffect(() => {
     if (horizonScroll) {
       triggerOnScroll();
     }
-  }, [horizonScroll]);
+  }, [horizonScroll, data]);
 
   // ===================== Effects ======================
   const [scrollbarSize, setScrollbarSize] = React.useState(0);

Original file line number	Diff line number	Diff line change
`@@ -492,13 +492,13 @@ function Table<RecordType extends DefaultRecordType>(props: TableProps<RecordTyp`
`492`	`492`	`}`
`493`	`493`	`};`
`494`	`494`
`495`		- // Sync scroll bar when init or `horizonScroll` changed
	`495`	+ // Sync scroll bar when init or `horizonScroll` & `data` changed
`496`	`496`	`React.useEffect(() => triggerOnScroll, []);`
`497`	`497`	`React.useEffect(() => {`
`498`	`498`	`if (horizonScroll) {`
`499`	`499`	`triggerOnScroll();`
`500`	`500`	`}`
`501`		`- }, [horizonScroll]);`
	`501`	`+ }, [horizonScroll, data]);`
`502`	`502`
`503`	`503`	`// ===================== Effects ======================`
`504`	`504`	`const [scrollbarSize, setScrollbarSize] = React.useState(0);`