Select rows in Vuetify Data Table

Question

I was wondering how can I select/unselect a row by clicking a row in a datatable in Vuetify. It would be even better if I could select a range by using shift+click or shift+arr

Answer 1

I think you want to use v-model instead...

Demo

---

You can also the Vuetify Data Table select function to toggle the selected rows. This is easier than having custom methods to handle the selection logic.

Demo 2