Scrolling table is slow
Chưa có ai nhận issue này.
Đánh giá
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức phù hợp với người mới
- 25/100
- Loại issue
- Lỗi
- Độ rõ ràng
- Cần làm rõ
- Mức độ hoạt động
- Đình trệ
- Công nghệ
- react, typescript
- Lĩnh vực
- frontend, performance
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.
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
- Ngôn ngữ chính
- TypeScript
- Star
- 1.5k
- Fork
- 171
- Chỉ số merge pull request
- Không có pull request nào được merge trong 30 ngày
Chuẩn bị môi trường
- Không có Dockerfile hay tệp Docker Compose
- Không có mẫu pull request
- Đọc hướng dẫn đóng góp
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Issue khác của Autodesk/react-base-table
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 25/100
Autodesk/react-base-table#434 ·
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 20/100
Autodesk/react-base-table#433 ·
-
Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 48/100
Autodesk/react-base-table#432 · 1 bình luận ·
-
Multiple console warnings due to Class Component structureCó thể đã có người làm @nahrinoda đã nhận 110 ngày trước. Đang mở
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 48/100
Autodesk/react-base-table#431 · 2 bình luận ·
-
Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 25/100
Autodesk/react-base-table#426 ·
Tất cả issue của Autodesk/react-base-table
Issue tương tự
-
enhancement
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 74/100
Maintainer thường phản hồi trong vòng 1 ngày
-
[Bug] remember() with special characters in namespace hangs until timeout instead of returning 400Đang mởbug
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 72/100
MystenLabs/MemWal#1133 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày
-
bug user-priority/P2
Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 92/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 Dưới một giờ Mức phù hợp với người mới 88/100
Maintainer thường phản hồi trong vòng 1 ngày
-
Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 88/100
Effect-TS/effect#8881 · 1 bình luận ·
Maintainer thường phản hồi trong vòng 1 ngày