Back to Browse

Vue.js and Vuetify Data Table with Paging, Sorting, & Pagination

13.9K views
Sep 6, 2023
26:57

In this tutorial, we will learn how to create a data-table using Vue.js and Vuetify, with data from a REST API. The data-table will have features such as sorting, pagination and paging. The vuetify's v-data-table is an incredibly powerful and flexible component that offers customization options for handling large amount of data. This tutorial will show you how to add vuetify in a vuejs application as well as the configurations involved. GitHub Link: https://github.com/desoga10/v-data-table Checkout my MEAN Stack course on Educative: https://www.educative.io/courses/building-a-full-stack-application-using-the-mean-stack Support the channel: https://www.buymeacoffee.com/thecodeangle Join my telegram community: https://t.me/thecodeangle For more resources on Web Development: https://thecodeangle.com/​​​​ Follow Me on Twitter: https://twitter.com/thecodeangle​​​​​ ########################################################### Vue.js and Vuetify Data Table with Paging, Sorting, & Pagination: Introduction - 00:00 01:06 Installation of the Vue.js CLI 01:56 Creating the vue.js project 07:46 Installation of Vuetify 09:00 Fetch the Data from the REST API 20:15 Displaying the Data in the Data Table 26:40 Outro Leave a like and subscribe for more videos. Thanks a lot for watching ❤

Download

1 formats

Video Formats

360pmp441.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Vue.js and Vuetify Data Table with Paging, Sorting, & Pagination | NatokHD