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?
"Woohoo... keep it up!"
—fazzy akamello
"Another good one, really enjoying the series thus far"
—sdguy 1
"Thanks, really liking these videos."
—Mustahsinul Moula
"I like your way of teaching. I just started a a web dev YT channel too and this is inspiring."
—Duane Creates
Take your career to the next level