Laravel Splade - Table Component (DataTables auto-fill, search, sorting, pagination, and more!)

Splade has an advanced Table component that supports auto-fill, searching, filtering, sorting, toggling columns, and pagination. It's fully integrated and doesn't require any additional dependencies. Though optional, it integrates beautifully with Spatie's Laravel Query Builder.

0:00 Introduction
0:38 Users table
1:54 Pagination
2:25 Sorting
4:39 Search Inputs
5:31 Global Search
6:49 Toggle Columns
7:15 Select Filters
8:22 Clickable Rows
9:25 Custom Cells
10:50 Striped Layout
11:00 End

[rosolovsky]

Great! Nice alternative for livewire-powergrid!

[DamirGrgic]

Awesome! Finally someone worth to be sponsored.

[goaldaybranch]

Thank you for this excellent explanation.

[jingoo]

This is awesome! I like to use laravel and blade but feel like I have to move on to SPA. You make me stay with my old friends. Thx.

[kyopan]

After one watch, I'm considering moving to using this and replacing live wire. Its out of the box functions are amazing

[gdogmalone]

My god this is good. Makes me want to rebuild some of my apps from scratch. Thanks for your great work @pascal

[leonardBeni]

i've been playing with your package... it's more intuitive than Livewire (i've used livewire and inertia for quite a while)... you've build wonderful package, it has something livewire that lack of.. one thing for a note, the only thing that i'm waiting for is the flexibility of defining filters on table (range filter, input search that combineable each other) or if we can directly create custom query directly from request inside Table class... i would leave livewire right away.. thanks for your awesome package

[davidsonzed]

Awesome work, I really liked this, hope you will add print feature and repeat field as well in future updates.

[francosimonini]

Is possibile ti set the search input to autocomplete off?

[vickoalan]

please we want more videos about splade, && we hope Laravel team Support that package

[sincead]

@PascalBalhet is it possible to adjust the column width?

[autopop]

How do you get a numeric (decimal) column formatted e.g. to have comma separators, 2 decimal places and still sum up?

[cabanelas]

Really great, this feature. Do you have a planned date for the Form component to be released?

[sahnb]

​ @Pascal Baljet, if you consider following feature Excel, & PDF Export etc. ... or add role permission package in your stubs and one more thing slug's generator, I am sure it will become super-duper package, by the way your work is so impressive and outstanding. and your personality too. 😍

[MauriceWagura]

Can you add a way for selecting rows (with the option to select all, i.e. those on the other pages)? And then add an action right next to the eye icon for sending the selected ids to an endpoint?

[hidayatlahabu]

I can't sort my table after update so latest splade version, maybe there is some sugestion to fix it ?

[berthojoris]

I love your package.... ^_^ Many Thanks @PascalBaljet

[essajmahmood]

is there any way to change the table designe i well give it a try there are some thing that need work

[tsutsumu]

if table will be empty how show message in place of rows for example, no such rows were found?

[FunctionalHippie]

Thank you for these great tutorials and Splade itself! This has been my best effort at creating a fully functioning data table! How can I change the row heights, conditional row styles, and column widths in a Splade table? I have a large data set and some fields are comments that can be very long and I want to constrain the rows to like 20px and have some control over locking in the widths of some columns too. And finally, is it possible to do inline editing in the table itself?