Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

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

Aberta
#997 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
35/100
Tipo de issue
Bug
Clareza
Precisa de esclarecimento
Status de atividade
Estagnada
Stack de tecnologia
react, typescript
Domínio
frontend

Direção de pesquisa

Comece reproduzindo o problema de estilo das linhas alternadas no componente rc-table usando o seletor reportado .rc-table table tr:nth-child(even), comparando os estados normal e hover. Rastreie os estilos da tabela renderizada para identificar por que o plano de fundo das linhas pares é sobrescrito e, em seguida, verifique se os planos de fundo alternados continuam visíveis sem hover.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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;}

Linguagem predominante
TypeScript
Estrelas
1.4k
Forks
618
Merge médio
10h 19min
PRs com merge (30d)
2

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de react-component/table

Todas as issues de react-component/table

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.