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 Item (Column) Slots

The default display of a column isn't always ideal, so v-data-table provides a great outlet by offering the ability to create a custom slot per column.

In this tutorial video we'll create two custom slots, one for displaying the date in a human-readable way and the other for translating seconds into minutes and seconds.

What do others think of VueScreencasts?
"Thanks @Vue Screencasts!! This video helped me a lot in understanding Vuex, and in answering questions that I have, which I can't find answers for on StackOverflow. Keep up the good work!!"
—kidgr33n
"Thank You :)"
—xof
"Here I found answers to questions that I couldn't formulate before."
—Almas Kamitov
"Awesome video! Easy to follow along with a lot of explanation into whats happening! Thanks a ton!"
—Ritika Singh
Take your career to the next level