Vue Datatables with BootstrapVue and Vuetify | Diligent Dev

In this Vue datatables tutorial, we’re going to be looking at 2 plug-and-play solutions. Specifically, we’re going to be looking at BootstrapVue Table and Vuetify Data Table. These two packages offer an extremely easy way to get data tables into your VueJs Projects.

Timestamps
0:00 - Intro
0:31 - Project Overview
1:36 - BoostrapVue Table | Basic Example
3:04 - BoostrapVue Table | Adding Search
4:52 - BoostrapVue Table | Adding Pagination
6:42 - BoostrapVue Table | Adding Delete Buttons to Rows
10:09 - Vuetify Data Table | Basic Example
13:45 - Vuetify Data Table | Adding Search
15:34 - Vuetify Data Table | Adding Delete Buttons to Rows

BootstrapVue Table
https://bootstrap-vue.org/docs/compon...

Vuetify Data Table
https://vuetifyjs.com/en/components/d...

Starter Bitbucket Repo
https://bitbucket.org/TheDiligentDev/...

Final Bitbucket Repo
https://bitbucket.org/TheDiligentDev/...

#vue #datatable #bootstrapVue #vuetify