Загрузка...

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/quickstart

Alpine.js Documentation: alpinejs.dev/

GitHub Repo for this Video: https://github.com/tapan288/livewire-alpine-datatables-old

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

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

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

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

Connect With Me:
Twitter: https://twitter.com/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 : https://www.youtube.com/watch?v=93q3LqYJTsI&list=PLBCuZqyXqWkz-0xsvvcf-4CwwAiugzmOl
-----------------------------------------------------------------------------------
Livewire Datatables Series: https://www.youtube.com/watch?v=3EpOGcKOXK0&list=PLBCuZqyXqWkxqz4BGJV4x_T4Xqu1dF8jX
-----------------------------------------------------------------------------------
Integrating E-Sewa Payment Gateway on a Laravel App: https://www.youtube.com/watch?v=-yqgGNl2hZo&list=PLBCuZqyXqWkxz7EXGp_K92u5G1YqAy3XR
-----------------------------------------------------------------------------------
Laravel Fortify Integration Tutorial: https://www.youtube.com/watch?v=S5L8yKmk5wk&list=PLBCuZqyXqWkzxDU9VPgx8h8zqVy91z3f1
-----------------------------------------------------------------------------------
Implement Dynamic Navigation Bar on a Laravel App: https://www.youtube.com/watch?v=THN5Q8JBeDM&list=PLBCuZqyXqWkzl5LaaVu0P707eaUpQ1FSJ
-----------------------------------------------------------------------------------
Implementing Select2 on a Laravel App: https://www.youtube.com/watch?v=iyKT2FmW7oA&list=PLBCuZqyXqWkyjSQXcclfDmY-hJoQP9gTE
-----------------------------------------------------------------------------------

Видео How to Build an Amazing Datatable using Laravel, Livewire and Alpine.js | Tutorial канала Tapan Sharma
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять