"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Comment utiliser les filtres dans les DataTables PrimeReact

Comment utiliser les filtres dans les DataTables PrimeReact

Publié le 2024-11-02
Parcourir:852

J'ai écrit un très long article, puis j'ai décidé qu'une image vaut mille mots, alors voilà.

How to use Filters in PrimeReact DataTables

Bien que les images téléchargées sur dev. soient réduites, celle-ci ne vaut peut-être que 250 mots.

Le but de cet article était de réduire les maux de tête induits par les non-dits dans la documentation officielle. Il y avait un manque de ressources en ligne pour utiliser correctement les filtres avec les composants MultiSelect et Dropdown avec une configuration de structure de données plus que basique. J'utilise donc cet article comme ressource pour moi-même et pour toute autre personne qui pourrait trouver cela utile

Si vous regardez en haut à gauche de cette image, il y a une chaîne[] qui contient les noms de fruits, c'est parce que vous pouvez également utiliser une chaîne[] au lieu d'Object[] pour la liste des éléments de filtre. Je n'ai pas développé ce sujet car les documents officiels font un assez bon travail.

J'ai essayé de couvrir des choses que les documents n'ont pas réussi à couvrir.

Voici une démo fonctionnelle où vous pouvez jouer et mieux comprendre tout cela. J'ai essayé de couvrir autant de situations différentes que possible.

Déclaration de sortie Cet article est reproduit sur : https://dev.to/adelbeit/how-to-use-filters-in-primereact-datatables-mhp?1 En cas de violation, veuillez contacter [email protected] pour le supprimer.
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3