Alternate row color in rc-table only works on hover！

Đang mở

#997 mở ngày 8/6/2023 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó: 3/5
Thời gian dự kiến: 1-2 ngày
Mức phù hợp với người mới: 35/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

Hướng nghiên cứu

Bắt đầu bằng cách tái hiện vấn đề kiểu định dạng hàng xen kẽ trong thành phần rc-table bằng selector được báo cáo .rc-table table tr:nth-child(even), đồng thời so sánh trạng thái bình thường và hover. Theo dõi các kiểu của bảng đã render để xác định lý do nền của các hàng chẵn bị ghi đè, sau đó xác minh rằng các nền xen kẽ vẫn hiển thị khi không hover.

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

Mô tả

I'm using the rc-table component to display a table with alternate row colors. However, the background color of even rows only takes effect when I hover over them with the mouse. I've tried adding the CSS code table tr:nth-child(even) { background: #CCE8E8; }, but it doesn't seem to be working as expected.、
Can someone help me figure out why the even rows' background color only works on hover? Thank you!
CSS：
.rc-table table tr:nth-child(even){background:#CCE8E8!important;}

Ngôn ngữ chính: TypeScript
Star: 1.4k
Fork: 618
Merge trung bình: 10 giờ 19 phút
Pull request đã merge (30 ngày): 2

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

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

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 react-component/table

Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell) Đang mở

Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 42/100

react-component/table#1507 · Mở ngày 5/8/2026
rowExpandable does not work when dataSource has children field Đang mở

Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 50/100

react-component/table#1416 · Mở ngày 20/11/2025
需要Column的一个maxWidth 属性，其它列可按给定width number值伸缩，但某个列有最大宽 Đang mở

Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 30/100

react-component/table#1403 · Mở ngày 6/11/2025
Exact reproduction of a document with ASCII table in React/JavaScript Đang mở

Độ khó 5/5 Hơn một tuần Mức phù hợp với người mới 15/100

react-component/table#1269 · 1 bình luận · Mở ngày 12/5/2025
Feature: maxWidth prop for table column Đang mở

Độ khó 4/5 3-5 ngày Mức phù hợp với người mới 35/100

react-component/table#1257 · 1 reaction · Mở ngày 18/4/2025

Tất cả issue của react-component/table

Issue tương tự

Ajv defaults: non-standard "format": "json" in third-party schemas (e.g. Notion) warns twice per property — register it like #2601 Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 70/100

modelcontextprotocol/typescript-sdk#2854 · Mở ngày 24/9/2026
[Bug]: ctx_search rejects singular 'query' param despite schema declaring it valid Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100

mksglu/context-mode#1200 · Mở ngày 24/9/2026
[chore]: test(search): Migrate ResultItemTitle unit tests to TypeScript Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100

jaegertracing/jaeger-ui#4506 · Mở ngày 24/9/2026
[BUG] "$250 credit for cloud sessions" gift icon is unclickable Đang mở

area:desktop area:ui bug platform:macos

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 75/100

anthropics/claude-code#96687 · Mở ngày 24/9/2026
[GOOD FIRST ISSUE]: Clean Up Frontend Authentication Page & Context Đang mở

good first issue

Độ khó 1/5 Dưới một giờ Mức phù hợp với người mới 95/100

AOSSIE-Org/DebateAI#582 · 2 bình luận · Mở ngày 24/9/2026

Thêm issue về TypeScript