Maison  >  Article  >  interface Web  >  Comment utiliser les filtres dans les DataTables PrimeReact

Comment utiliser les filtres dans les DataTables PrimeReact

WBOY
WBOYoriginal
2024-09-10 11:08:00371parcourir

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.to soient réduites, peut-être que celle-ci ne vaut que 250 mots.

Le but de ce post é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 string[] au lieu de 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.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn