Erweitern Sie die Tabellenfunktionalität mit Sortier-, Filter- und Paging-Komponenten in Vue.js 3.

Question

Ich habe eine Weile recherchiert, kann aber anscheinend keine aktuelle Komponente für Vue.js 3 finden, die Sortier-, Filter- und Paging-Funktionen zu Tabellen hinzufügen kann. Das Front-End verfügt bereits über alle Daten und muss keine zusätzlichen Anfragen an die Back-End-API senden.

Was ich bisher gesehen habe, ist entweder veraltet, funktioniert mit Vue 1/2, ist nicht kostenlos oder ist Teil anderer größerer Frameworks.

Weiß jemand, ob eine solche Komponente existiert?

Hier ist ein Überblick über das, was ich während meiner Recherche gesehen habe:

• vuetifyjs – Datentabellenkomponente noch in der Entwicklung, und als Teil eines größeren Rahmens.
• quasar – hat eine Tabellenkomponente, aber als Teil des Rahmens.
• bootstrap-vue – Die letzte offizielle Veröffentlichung ist über ein Jahr her und scheint Vue 3 nicht zu unterstützen.

• vue-dataset – Es gibt noch keine offizielle Release-Version, die Vue 3 unterstützt.
• vue-good-table – Es gibt noch keine offizielle Release-Version, die Vue 3 unterstützt.
• vuejs-smart-table – Die letzte offizielle Veröffentlichung war vor 2,5 Jahren.
• vue-jd-table – Die einzige offizielle Veröffentlichung war vor 4 Jahren.
• coreui – nur kostenpflichtige Version.

Answer 1

Primevue的DataTable组件非常适合这个需求。