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
Expandable Rows

A row in a data table can only hold so much information... what if you want to show more, but don't want the user clicking away?

One great answer is expandable rows. Click the caret on the left and now you have a lot more room to work with. In this tutorial we use it to show a video preview and the video's description, but if you do this on an admin page, you could even have a set of common edits available!

What do others think of VueScreencasts?
"Thank you. Even after having seen many tutorials, I keep learning a lot from you. You teach well!"
—Lars Sørensen
"very nice tips man, appreciate it 💯👏"
—shaun lora
"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_
"Thank you for putting in the effort to make these videos and share with all!"
—Ritika Singh
Take your career to the next level