Intro to Vuetify's v-data-table
A Simple Table
Custom Item (Column) Slots
Custom Sorting
VideoTable Component
'Tags' and 'Played' Columns
Expandable Rows
DataTable Events
Custom Search and Filtering
Dynamic Columns (abstracting VideoTable)
0% done with Building Complex Data Tables with Vuetify's v-data-table and VueJS

Chapter 26 of 27 in Building
Dynamic Columns (abstracting VideoTable)

We want to use the VideoTable Component in our Admin page, but there will have to be some changes. We don't need the Played column, we want to add an Actions column, and we want to change the spacing and number of rows.

We can accomplish that by passing in headers to the component and adding a few more props. By the end of this video you'll see how the Components you create based on v-data-table can be massively flexible, reusing whichever rows you want and ignoring the rest.

We don't do it in this video, but you could even have users selecting which rows they want to see, making the columns truly dynamic!

What do others think of VueScreencasts?
"Great video as always, I really like the idea of basing the video in terms of features, as someone only looking to learn particular feature can get benefits from the video. Also, I really like you going through what we have done in the video at the end, it really helps in better understanding."
—Paurakh Sharma Humagain
"Dude, it's an excellent video. Soothing voice, extensive and crystal clear explanations, troubleshooting common issues... You do it and you do it well. Keep up the good work & congratulations :-) Subscribed without the slightest hesitation"
"Thank you."
—มะ ม๋า
—Tushar Mangle
Take your career to the next level