Autodesk / Autodesk/react-base-table
Sticky header with frozen column on window scroll
- 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 @nihgwu
first of all, thanks for the handy library,
I saw the comment in the issue https://github.com/Autodesk/react-base-table/issues/281,
but still have questions about how to apply `sticky` on the header with `frozen columns`,
this is a rough example when I try to add a sticky effect on it ([link](https://autodesk.github.io/react-base-table/playground#MYewdgzgLgBKA2BXAtpGBeGBzApmHATgIZQ4DCISqEAFAIwAMAlAFCiSwAmJRG2ehEjgAiPGghSQANDABMDZizbhoMAMpQAnvBycAKkQBGOvtG26aB4ziYADFjBgA6AEJEIOKzoD63gBY4RJyEMq7unkY+-oHBBAC0BCAA7jAA3g6OMAAOIBAAllB54ABcMNB5wADWmjAAhHnIOQRQRGBQANwZjlAgWaUMnY4Aviz2SuyqAGZ5AB66FFRomBLUTshEWTTilJIyK2AAkmDBM0wYAHxpGTqwk4kAXngZeZMw24tHJzAAPHJndyBHmA+AtJE4AGIPPDCPIEHDAQrgJwAGQAouC9M9Xu9JJ8cDMYJcABz-KHAzCg1AQskwuEIopgJwAJQOAHEABKYxxwqCIAjA1LOJxOfYyAFAmAjIasFj4ppcHCTIiIeCwGhndCXGgZb4acz6SI4LowaZzTjG-YQdCpU3zHbUEaZGDcFrWl1ER2ZAJ5LB+KDWo7TMAFTSegD05xYrCAA)),
I knew the frozen columns are rendered as another table and got fixed by `position: absolute` so the css may be hard to tweak,
I am not sure is there any solution I can do in current version,
look forward to hear any suggestion.
thanks!
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu với ví dụ playground được liên kết và issue #281, sau đó kiểm tra hành vi sticky-header và frozen-column hiện có trong bảng React. Công việc được xem là hoàn tất khi xác định được phiên bản hiện tại có hỗ trợ sự kết hợp này hay không và, nếu không, xác định một thay đổi được hỗ trợ hoặc một cách khắc phục được ghi lại.
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
- Loại issue
- Tính năng
- Độ 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