web-dev-qa-db-fra.com

Texte "Précédent" et "Suivant" personnalisé dans react-table

Existe-t-il un moyen de personnaliser le texte dans la partie pied de page de react-table?

This part of the react-table

J'essaie de personnaliser le texte par défaut là-bas. Merci d'avance.

8
cankentcode

Selon la doc ici react-table , il est possible d'ajouter des pieds de page personnalisés à la table en utilisant la propriété Footer de la propriété columns du composant.

Cependant , si vous voulez changer le texte Previous et Next comme vu dans la capture d'écran, je dirais que vous devez changer les accessoires nextText et prevText des principaux composants ReactTable, vous pouvez en voir plus ici dans la documentation des accessoires

8
semuzaboi

Donc, après avoir vérifié les documents, ce que j'ai fait, c'est simplement définir le texte personnalisé comme accessoire du ReactTable.

<ReacTable 
   previousText={myCustomPreviousText}
   nextText={myCustomNextText}
   {...}
/>
5
cankentcode

En plus des accessoires previousText et nextText mentionnés dans d'autres réponses, React Table prend également en charge les composants personnalisés à l'aide des PreviousComponent et NextComponent accessoires

(de les docs )

4
seedsseedsseeds