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
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React basicsCSS transitions
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85
Research direction
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.
