Intro to Vuetify's v-data-table
2:39
A Simple Table
2:22
Custom Item (Column) Slots
6:39
Custom Sorting
4:33
VideoTable Component
4:49
'Tags' and 'Played' Columns
8:35
Expandable Rows
4:27
DataTable Events
7:06
Custom Search and Filtering
7:10
Dynamic Columns (abstracting VideoTable)
13:46
Review
9:31
0% done with Building Complex Data Tables with Vuetify's v-data-table and VueJS

Chapter 26 of 27 in Building VueScreencasts.com
Custom Sorting

The default sorting method in v-data-table is sorting alphabetically on the value property. However, sometimes that has surprising results - such as our date sorting based on the first letter of the day of the week.

In this video tutorial we munge our data so it's in an easier-to-sort format, but make sure it's still displayed correctly.

What do others think of VueScreencasts?
"I like your way of teaching. I just started a a web dev YT channel too and this is inspiring."
—Duane Creates
"Thank you. Even after having seen many tutorials, I keep learning a lot from you. You teach well!"
—Lars Sørensen
"Very well explained."
—Leon van Rijswijk
"great explanation! thank you!!!"
—Elizaveta Voloskova
Take your career to the next level