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
DataTable Events

We want clicking on a row to take the user to that video... BUT we don't want it to happen when clicking around the tag buttons, since they're small enough that it's easy for a user to mis-click.

How do we make this happen?

By using the @click:row event, and then applying @click.stop to the columns where we don't want the event to work.

What do others think of VueScreencasts?
"Short, precise, step-by-step, beginner-friendly and clear."
—Naty Java
"Your tutorial is quite easy to understand."
—Koga2 Kuzengenki
"More videos please :)"
—Emerson smith Huallpa Zanabria
"Thanks so much! Helped a lot."
—BoIoko
Take your career to the next level