Erstellen komplexer Datentabellen mit Vuetifys v-data-table und VueJS

Blog

Erstellen komplexer Datentabellen mit Vuetifys v-data-table und VueJS

Die v-data-table von Vuetify ist eine unglaublich leistungsstarke und flexible Komponente, die sowohl vernünftige Voreinstellungen als auch eine Vielzahl von Anpassungsoptionen bietet. Es erreicht dies durch eine clevere Mischung aus Slots und Requisiten (und Events, obwohl wir diese in diesem Video nicht so ausführlich behandeln).



In den 72 Minuten dieses Tutorials kratzen wir nur an der Oberfläche… aber es sollte Ihnen viele Ideen geben, wie Sie die fortgeschritteneren Funktionen von v-data-table in Ihrer eigenen App verwenden können.

0:00 Start
2:40 Einfache Tabellen
5:05 Artikelname (Spalte) Slots
11:46 Benutzerdefinierte Sortierung
16:21 VideoTable-Komponente
21:13 'Tags' und 'Gespielte' Kolumnen
29:51 Erweiterbare Zeilen
34:20 DataTable-Ereignisse
41:28 Benutzerdefinierte Suche
48:41 Dynamische Tabellen (oder wie man den Admin-Bereich deutlich anders aussehen lässt)
1:02:30 Rückblick



*** Github-Links ***

Abonnieren : https://www.youtube.com/user/edisonstew/featured



#vuejs #vue

www.youtube.com

Erstellen komplexer Datentabellen mit Vuetifys v-data-table und VueJS

Die v-data-table von Vuetify ist eine unglaublich leistungsstarke und flexible Komponente, die sowohl vernünftige Voreinstellungen als auch eine Vielzahl von Anpassungsoptionen bietet. Es erreicht dies durch eine clevere Mischung aus Slots und Requisiten (und Events, obwohl wir diese in diesem Video nicht so ausführlich behandeln).