fix: optimization render task performance (#348)

Janlaywss · web-flow · commit 38e8d1246d75 · 2021-12-24T11:58:26.000Z
diff --git a/src/TableHeader.js b/src/TableHeader.js
@@ -11,7 +11,11 @@ class TableHeader extends React.PureComponent {
   }
 
   scrollTo(offset) {
-    if (this.headerRef) this.headerRef.scrollLeft = offset;
+    if (this.headerRef) {
+      requestAnimationFrame(() => {
+        this.headerRef.scrollLeft = offset;
+      });
+    }
   }
 
   renderHeaderRow(height, index) {

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,11 @@ class TableHeader extends React.PureComponent {`
`11`	`11`	`}`
`12`	`12`
`13`	`13`	`scrollTo(offset) {`
`14`		`- if (this.headerRef) this.headerRef.scrollLeft = offset;`
	`14`	`+ if (this.headerRef) {`
	`15`	`+ requestAnimationFrame(() => {`
	`16`	`+ this.headerRef.scrollLeft = offset;`
	`17`	`+ });`
	`18`	`+ }`
`15`	`19`	`}`
`16`	`20`
`17`	`21`	`renderHeaderRow(height, index) {`