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?
"Great idea man, look forward to follow along."
—Manuel Diera
"Here I found answers to questions that I couldn't formulate before."
—Almas Kamitov
"Saved me loads of time!!"
—Jack Simple
"Really enjoying these, thank you!"
—Lars Sørensen
Take your career to the next level