How to Build an Amazing Datatable using Laravel, Livewire and Alpine.js | Tutorial
In this series, we will be working on:
Implementing Paginations with Livewire
Implement Multi-Column Search Feature.
Filtering Records by Classes and Sections.
Implementing Dependent Dropdown using Livewire.
Sorting the Records by Multiple Columns.
Making records Selectable using Alpine.js and Performing actions like Deleting and Exporting to Excel.
Implement the Excel Export Feature.
--------------------------------------------------------------------------------
Livewire Documentation: https://laravel-livewire.com/docs/2.x...
Alpine.js Documentation: alpinejs.dev/
GitHub Repo for this Video: https://github.com/tapan288/livewire-...
-----------------------------------------------------------------------------------
Support My Work:
https://www.buymeacoffee.com/tapansharma
-----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
Connect With Me:
Twitter: / tapansharma__
-----------------------------------------------------------------------------------
Contents of this video ----------------------------------------------
00:00 : Intro
02:09 : Setting up database/migrations and factories
16:55 : Displaying data in the Data-table
20:52 : Implement pagination
25:04 : Filtering by Class and Section
36:42 : Implement Multi-Column Search functionality
41:55 : Bulk select/delete and individual record deletion
56:54 : Select All Records from Single/All Pages
01:13:48 : Implement Excel Export
01:18:23 : Implement sorting of Data
01:24:45 : Add Transitions & Fix Miscelleneous Issues
-----------------------------------------------------------------------------------
My Youtube Play Lists:
Vue Datatables Series : • Video
-----------------------------------------------------------------------------------
Livewire Datatables Series: • Let's Build Some Datatables Using Laravel ...
-----------------------------------------------------------------------------------
Integrating E-Sewa Payment Gateway on a Laravel App: • Let's Integrate E-Sewa Payment Gateway Int...
-----------------------------------------------------------------------------------
Laravel Fortify Integration Tutorial: • Let's Implement Authentication Scaffolding...
-----------------------------------------------------------------------------------
Implement Dynamic Navigation Bar on a Laravel App: • Implementing Dynamic Navigation Menu in La...
-----------------------------------------------------------------------------------
Implementing Select2 on a Laravel App: • Let's Implement Select2 In Laravel | Many...
-----------------------------------------------------------------------------------