Building a Datatable with Livewire 3

Показать описание

In this video, we'll build a Datatable with pagination, search, and sorting.
We'll also use the Blade UI Kit and create a small blade component to keep our blade file clean.

Рекомендации по теме

Комментарии

Brilliant video, Thank you. I used to use PHP many years ago before moving to JS, but looking at how the PHP ecosystem has progressed, I am keen to get back and get productive again.

devopssimon

Thank you for your Time ❤. I started learning Laravel and Livewire on my own a few weeks ago and that was the most informative 30min I’ve seen on this subject so far. Abo placed

alexxgdx

Livewire makes this very elegant. Very good tutorial which makes it clear and straightforward😃. Packages are overkill for these things IMO.

richardwheatley

I'would like to know if you have the same error: when I change the value of the perPage dropDownlist (for example from 10 rows to 20 rows) and then navigate through the paginator, The paginator return to 10 rows per page instead of allow me navigate between pages with 20 rows per page.

SergioMeneses

very clear.... i like how u code....
n now i just want u to make more videos 😂

zackyhabibie

Thank you very much for this great tutorial!

StefanSchmalhaus

Thanks for your video! Everythig ok until I've got an error. After clic on perpage (50 register per page) and then clic on any page of the paginator I've got "The GET method is not supported for route livewire/update. Supported methods: POST". I've alredy added WithPagination on my component but the error is still happening. Any advice how to solve it?

SergioMeneses

In Livewire 3 and Laravel 11, you must to add the WithPagination trait and publish Livewire's pagination views to render page navigation links

miguelmenchuxoyon

Thanks for the recent content. Livewire makes complex things so easy. Regarding the scope: wouldn't it be better to return early if $value is null? No point in adding those where clauses in that case.

binaryfire

wow, it's like magic! thank you. anyway i have a question, i already use WithPagination, but sometime still got "The GET method is not supported for route livewire/update. Supported methods: POST." error, i need your help, thanks

igapaja

wire:model doesn't work in my project. How to fix? it doesn't get the value of the perPage.

marklouis

i follow this video, why my datatable is very slowly to sort asc & desc.
i dont know where my problem.

AhmadFariz-oyos

"I want to ask about <x-table-item :sortColumn="$sortColumn" columnName="name"/> how to solve this so that regular html can do this"

nathanlumban

Thanks, Im was stuck with tutorials on Livewire 2 and they work dont using Livewire 3

javi-alcala

Building a Datatable with Livewire 3

Building a Datatable with Livewire 3

Build Data Table with Livewire 3 for beginners

Laravel Livewire Datatable Package | Create Easy Customizable Laravel Livewire Tables

Building a Data Table with Laravel Livewire! [TUTORIAL]

Livewire PowerGrid: Quick Datatable Package [REVIEW]

Laravel Livewire Datatable Component | Create Easy Laravel Livewire Tables | Laravel 8 Tutorial

Laravel Livewire Datatable Package | Create Easy Customizable Tables with Modal

How to Build an Amazing Datatable using Laravel, Livewire and Alpine.js | Tutorial

Data Tables: Livewire and Filament Packages

Let's Build Some DataTables Using Laravel and Livewire | Complete Tutorial

Let's Build Some Datatables Using Laravel and Livewire Part 1 | Pagination and Some Improvement...

Let's Build Some Data Tables Using Laravel and Livewire - Part 4 | Implement Filtering Feature.

Livewire DataTables with Laravel 8

Create posts data table with Livewire | Create a blog with Laravel 8, Jetstream & Livewire | #11

Build a DataTable from Scratch! in Laravel 11 & Livewire 3 | EASY | DON'T USE A PACKAGE FOR...

Let's Build Some Datatables Using Laravel and Livewire | Intro and Setup Overview

Let's Build Some DataTables Using Laravel and Livewire Part 3 | Multi-Column Search Feature.

Let's Build Some Data Tables Using Laravel & Livewire Part 5 | Excel Export with Livewire

Livewire: Same Component for Create and Edit Forms

Powergrid Databable using laravel | livewire datatable | part 1 | Powergrid installation and usage

Filament Tables in Laravel: Livewire Genealogy Example

Building a Contact Form with Laravel Livewire [Tutorial]

Laravel Livewire: Table Inline Edit - Full Row or One Column

Laravel Livewire Tutorial Create Movie Website #28 Add Sortable Columns and Make Beautiful Table