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?
"Damn it's good content. I am happy that I found VueScreencasts."
—Shamim Hossain
"Awesome video! Easy to follow along with a lot of explanation into whats happening! Thanks a ton!"
—Ritika Singh
"Your series has really helped... even for seasoned developers!"
—D Durham
"I am happy to find your video, really amazing. I am excited to hear from you the next one. Thanks a lot."
—Azri Ridha
Take your career to the next level