„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > So verwenden Sie Filter in PrimeReact DataTables

So verwenden Sie Filter in PrimeReact DataTables

Veröffentlicht am 02.11.2024
Durchsuche:696

Ich habe einen sehr langen Beitrag geschrieben und bin dann zu dem Schluss gekommen, dass ein Bild mehr sagt als tausend Worte, also los geht's.

How to use Filters in PrimeReact DataTables

Obwohl die auf dev.to hochgeladenen Bilder verkleinert werden, ist dieses vielleicht nur 250 Wörter wert.

Das Ziel dieses Beitrags war es, Kopfschmerzen zu reduzieren, die durch Dinge verursacht werden, die in den offiziellen Dokumenten nicht erwähnt werden. Es mangelte online an Ressourcen für die korrekte Verwendung von Filtern mit MultiSelect- und Dropdown-Komponenten bei einer mehr als einfachen Datenstruktureinrichtung. Deshalb nutze ich diesen Beitrag als Ressource für mich und alle anderen, die ihn in Zukunft nützlich finden könnten

Wenn Sie sich oben links in diesem Bild einen String[] ansehen, der Fruchtnamen enthält, liegt das daran, dass Sie für die Filterelementliste auch String[] anstelle von Object[] verwenden können. Ich habe nicht näher darauf eingegangen, weil die offiziellen Dokumente dabei gute Arbeit leisten.

Ich habe versucht, Dinge abzudecken, die in den Dokumenten nicht behandelt wurden.

Hier ist eine funktionierende Demo, in der Sie herumspielen und alles besser verstehen können. Ich habe versucht, so viele verschiedene Situationen wie möglich abzudecken.

Freigabeerklärung Dieser Artikel ist abgedruckt unter: https://dev.to/adelbeit/how-to-use-filters-in-primereact-datatables-mhp?1 Bei Verstößen wenden Sie sich bitte an [email protected], um ihn zu löschen
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3