AllenFang/react-bootstrap-table

Add animations with react-flip-move

Open

#981 geöffnet am 22. Jan. 2017

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

Beschreibung

I use react-flip-move as a drop in replacement for my tables to create easy animations. It's easy enough to modify existing code that already builds tables in react by replacing the element with

<table>
  <FlipMove typeName='tbody'>
    {this.renderRows()}
  </FlipMove>
</table>

I believe the easiest to add this functionality would be the ability to pass in a wrapper object that react-bootstrap-table would use to replace the tbody element that react-bootstrap-table creates, but the API doesn't currently allow this.

Does this approach seem correct?

Contributor Guide

Tech Stack
reactjavascript
Domain
frontend
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
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.
mostly clear
Voraussetzungen
Reactreact flip movereact bootstrap table internals
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
30
Research-Richtung
Examine the source code of react bootstrap table to locate where the <tbody> element is rendered and how rows are mapped. Check the issue comments for any additional feedback from maintainers or users. Propose adding a prop like `tbodyWrapper` that accepts a component to replace the default <tbody>, similar to the suggested approach using FlipMove. Ensure the solution maintains backward compatibility.