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?
"This is an amazing tutorial, especially for beginners. I love how you even go through the package.json. Nice work!"
—Jin Tak
"I like the way you explain and teach, also your enunciation is incredible for us 'non native' english persons, everything is so enjoyable... Thank you for putting so much effort and time into making this video knowledge."
—@awa_it_
"Excellent series! Will definitively follow!"
—Lars Sørensen
"Hi! Your videos are very useful, please go on make it!"
—Сергей Миртов
Take your career to the next level