Autodesk / Autodesk/react-base-table

Scrolling table is slow

Offen
#314 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
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

Beitragsleitfaden öffnen

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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.