react-component / react-component/table
Why do collapsed rows remain in the DOM?
Nessuno ha ancora preso questa issue.
- Lingua principale
- TypeScript
- Stelle
- 1.4k
- Fork
- 618
- Merge medio
- 10h 19m
- PR unite (30g)
- 2
Descrizione
Collapsed rows (in nested tables) remain in the DOM, but with style={display:none;}. This creates a nasty issue if someone is trying to stripe their table with even-odd CSS rules (which is very common).
Eg. https://table-react-component.vercel.app/demo/expanded-row-render
It seems like the fix would be to add the following to ExpandedRow:
if (!expanded) {
return null;
}
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia individuando il componente ExpandedRow e riproduci il comportamento nella demo expanded-row-render. Verifica come vengono renderizzate le righe annidate compresse e assicurati che siano assenti dal DOM quando sono compresse. Conferma infine che la colorazione alternata della tabella con le regole CSS per righe pari e dispari funzioni correttamente.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100