Autodesk / Autodesk/react-base-table
Scrolling table is slow
- Vorherrschende Sprache
- TypeScript
- Sterne
- 1.5k
- Forks
- 170
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
Hi,
My table contains more than 30 columns and 10k rows. When scrolling, wheel mouse quite slow and table delay 0.5-1s render more below data. Please give me a guide to improve performance ?
This is my example on codesandbox: https://codesandbox.io/s/react-base-table-forked-wsmcz?file=/src/App.tsx
Thanks
Beitragsleitfaden
Rechercherichtung
Beginne damit, die Verzögerung in der verknüpften CodeSandbox zu reproduzieren, indem du das Beispiel /src/App.tsx mit mehr als 30 Spalten und 10k Zeilen verwendest. Profiliere das Scrollen mit dem Mausrad und das Rendering, um die Ursache der Verzögerung von 0.5–1 Sekunde zu ermitteln; die Aufgabe ist abgeschlossen, wenn das Performance-Problem verstanden und ein konkreter Leitfaden zur Verbesserung bereitgestellt wurde.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- frontend, performance
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100