AllenFang/react-bootstrap-table

Transitions on Insert / Remove rows

Open

#1.333 geöffnet am 18. Mai 2017

Auf GitHub ansehen
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (2.240 Stars) (795 Forks)batch import
help wanted

Beschreibung

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

Contributor Guide

Tech Stack
react
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
under 1 hour
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
React basicsCSS transitions
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85
Research-Richtung
The issue requests adding CSS transition effects (e.g., fadeIn/fadeOut) for rows when they are inserted or removed from the table. To implement, you would need to modify the row component (likely in src/Row.js or similar) to apply a CSS class during mount/unmount. You can use CSS animations with opacity and transition properties, or integrate a library like react transition group. Check if the current code uses any animation hooks; otherwise, add a simple fade effect by toggling a class. The repository is https://github.com/AllenFang/react bootstrap table and the source is under /src.