How to Build an Amazing Datatable With Laravel and Vue.js | Complete Tutorial

Опубликовано: 01 Март 2025
на канале: Tapan Sharma
10,002
139

This is the Compiled Version of the Datatables series that we build with Laravel and Vue.js.
In this series, we will be working on:
Implementing Paginations with Vue.js on the Frontend.
Implement Multi-Column Search Feature.
Filtering Records by Class and Section.
Implementing Dependent Dropdown using Vue.js.
Sorting the Records by Multiple Columns.
Making records Selectable and Performing actions like Deleting and Exporting to Excel.
Implement the Excel Export Feature.

--------------------------------------------------------------------------------

Presenting to you all my new course about Filament Admin Panel where we will be building a fully functional support ticket system from Scratch. We will also work with Roles and Permissions without using any external packages and learn a lot of stuff along the way.

Link to the Course:
https://www.udemy.com/course/laravel-...

--------------------------------------------------------------------------------

Vue.js Documentation: https://vuejs.org/

GitHub Repo for this Video: https://github.com/tapan288/vue_datat...

-----------------------------------------------------------------------------------

Support My Work:
https://www.buymeacoffee.com/tapansharma

-----------------------------------------------------------------------------------

-----------------------------------------------------------------------------------

Connect With Me:
Twitter:   / tapansharma__  

-----------------------------------------------------------------------------------

Contents of this video ----------------------------------------------
0:00 : Intro
3:43 : Setup Overview and Vue Paginations
31:09 : Implement Multi-Column Search Feature
44:01 : Implement Filtering By Relationships (like Class and Sections)
01:07:39 : Creating Selectable rows and Bulk Operations
01:46:53 : Implement Multi-Column Sort Functionality
02:03:32 : Implement Excel Export Feature

-----------------------------------------------------------------------------------

My Youtube Play Lists:

Vue Datatables Series :    • Video  
-----------------------------------------------------------------------------------
Livewire Datatables Series:    • Let's Build Some Datatables Using Lar...  
-----------------------------------------------------------------------------------
Integrating E-Sewa Payment Gateway on a Laravel App:    • Let's Integrate E-Sewa Payment Gatewa...  
-----------------------------------------------------------------------------------
Laravel Fortify Integration Tutorial:    • Let's Implement Authentication Scaffo...  
-----------------------------------------------------------------------------------
Implement Dynamic Navigation Bar on a Laravel App:    • Implementing Dynamic Navigation Menu ...  
-----------------------------------------------------------------------------------
Implementing Select2 on a Laravel App:    • Let's Implement Select2 In Laravel | ...  
-----------------------------------------------------------------------------------