AllenFang/react-bootstrap-table

Transitions on Insert / Remove rows

Open

#1333 aperta il 18 mag 2017

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)JavaScript (795 fork)batch import
help wanted

Metriche repository

Star
 (2240 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Is there a way to fadeIn / fadeOut rows that are added / removed from the react-bootstrap-table?

Guida contributor

Direzione di ricerca
La richiesta riguarda l'aggiunta di effetti di transizione CSS (ad esempio fadeIn/fadeOut) per le righe quando vengono inserite o rimosse dalla tabella. Per implementarlo, è necessario modificare il componente riga (probabilmente in src/Row.js o simile) per applicare una classe CSS durante il montaggio/smontaggio. È possibile utilizzare animazioni CSS con proprietà di opacità e transizione, o integrare una libreria come react transition group. Verificare se il codice corrente utilizza hook di animazione; in caso contrario, aggiungere un semplice effetto di dissolvenza attivando/disattivando una classe. Il repository è https://github.com/AllenFang/react bootstrap table e il codice sorgente si trova in /src.
Tech stack
react
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
React basicsCSS transitions
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85