AllenFang/react-bootstrap-table

Add animations with react-flip-move

Open

#981 ouverte le 22 janv. 2017

Voir sur GitHub
 (5 commentaires) (0 réactions) (0 assignés)JavaScript (2 240 stars) (795 forks)batch import
help wanted

Description

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?

Guide contributeur

Stack technique
reactjavascript
Domaine
frontend
Type d'issue
feature
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
Reactreact flip movereact bootstrap table internals
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
30
Direction de recherche
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.