Autodesk / Autodesk/react-base-table

Scrolling table is slow

Đang mở
#314 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
TypeScript
Star
1.5k
Fork
170
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu bằng cách tái hiện độ trễ trong CodeSandbox được liên kết, sử dụng ví dụ /src/App.tsx với hơn 30 cột và 10k hàng. Profile việc cuộn bằng con lăn chuột và quá trình render để xác định nguyên nhân của độ trễ 0.5–1 giây; công việc được xem là hoàn tất khi vấn đề về performance đã được hiểu rõ và một hướng dẫn cải thiện cụ thể đã được cung cấp.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react, typescript
Lĩnh vực
frontend, performance
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
25/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.