Implement virtual scrolling in Table component for improved performance

Browse Source

- Added useRef to track container and first row for height measurement.
- Introduced rowHeight state to dynamically calculate row height.
- Implemented range state to manage visible rows based on scroll position.
- Added scroll event listener to compute visible range efficiently.
- Adjusted rendering logic to display only a subset of rows based on the computed range.
- Included top and bottom spacers to maintain table height during scrolling.
- Refactored input change handling to remain functional with new rendering logic.

...

This commit is contained in:

Theis Gaedigk

2025-08-14 11:37:28 +02:00

parent 214a3cb3c8

commit 9d64e7c274

2 changed files with 8170 additions and 869 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

8922

frontend/public/Beispiel.csv

File diff suppressed because it is too large Load Diff