Laravel Splade - Table Component (DataTables auto-fill, search, sorting, pagination, and more!)
Vložit
- čas přidán 25. 07. 2024
- 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
➡️ Website: splade.dev/
➡️ Sponsor page: github.com/sponsors/pascalbaljet
➡️ Twitter: / pascalbaljet
➡️ GitHub: github.com/protonemedia - Věda a technologie
![[Live Coding Session] Encrypted HLS with Laravel FFMpeg: Protect your videos with AES-128 Encryption](http://i.ytimg.com/vi/WlbzWoAcez4/mqdefault.jpg)
please we want more videos about splade, && we hope Laravel team Support that package
Great! Nice alternative for livewire-powergrid!
Great work. Kudos 👏 👏
Thank you for this excellent explanation.
Awesome! Finally someone worth to be sponsored.
🙌
great work!
Great Work👏👏👏
Wow! Pascal
Amazing work.
Thanks, Vivek!
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.
This is terrific 🤩🤩
My god this is good. Makes me want to rebuild some of my apps from scratch. Thanks for your great work @pascal
After one watch, I'm considering moving to using this and replacing live wire. Its out of the box functions are amazing
Amazing!
You're amazing! Thanks man ✌
That's a miracle!
Awesome work, I really liked this, hope you will add print feature and repeat field as well in future updates.
Thanks! What do you mean by 'repeat field'?
@@PascalBaljet i think he means a repeater, like in an invoice you need to have a repeater field for items
Epic!
Cool!
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
Great!!
I like this, making the code so cool, please also make a template admin tutorial, always healthy teachers
also, date range filtering, can you guide on how to achieve that? this is great work.
@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. 😍
Thanks! Exports are supported as of v0.6. I don’t want the starter kit too be to opinionated, as it’s basically a default fresh Laravel app.
I already explored V0.6, Excellent and much needed feature. you are great man. You make life much easier for Laravel developers.
A developer like me, 3 forms of superlative
Easy(Taylor Otwell), Easier(Povilos Korop,Laravel Daily) and Easiest( @Pascal Baljet , Splade)
@@sahnb Thanks, Arslan! That's very kind :)
Impressive as always ✨
The only thing I'm worrying about is the bloated controller 😢 Maybe we can move some of the code to Service or Action class.
Really great, this feature. Do you have a planned date for the Form component to be released?
Early next week!
Is possibile ti set the search input to autocomplete off?
@PascalBalhet is it possible to adjust the column width?
I love your package.... ^_^ Many Thanks @PascalBaljet
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?
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?
Bulk Actions are supported as of v0.6 🎉
is there any way to change the table designe i well give it a try there are some thing that need work
Great work I have one question If my number of columns is 10 would there is any option for collapsible like datatable?
How do you get a numeric (decimal) column formatted e.g. to have comma separators, 2 decimal places and still sum up?
Greaet work man, really awesome! can you extract the table component into a single package that i can use in my normal laravel project ? or it needs to live inside splade's ecosystem?
This component uses Splade's SPA features to prevent full-page requests. Last year I built an Inertia-version of the Table component, but there's no regular Blade version.
@@PascalBaljet any link to the intertia-version ?
@@ush6939 github.com/protonemedia/inertiajs-tables-laravel-query-builder
I can't sort my table after update so latest splade version, maybe there is some sugestion to fix it ?
Hi sir,
Can we use DB::table with splade ?
Muscline urge to rewrite my entire app using splade.
can anyone help me, how to add `number` column with auto increment number for every data including in `search mode` with splade table?
Need some more videos
it is possoble to use my custom dashboard ??
How to hide eye icon button?
Is it possible to integrate modals to create CRUD app?
Yes, you can open modals/slideover from the Table (for example, to edit a user). I'll keep this in mind to show in the next blog/example!
maybe you can show how to add delete action and example what if there is relational data, how to show it
if table will be empty how show message in place of rows for example, no such rows were found?
I have created a small PR with this feature I hope Pascal will consider it
thank you for this toutrials and awesome package
i,m allready begin use splade but when try to disblay post image in table is not working
i tried many ways
so if you have way please publish it and thank you again..
same with me, if you have any solution how to display it, let me know please^^
Btw, have you tried like this?
run php artisan storage:link
It works in my case
@@erinadevianti836 thank you for replay
@@erinadevianti836 and thank you one more time
how to make custom table using splade?
please add feature date range filter in data table
Try Laravel Filament tables.
Cool, but I tried per page result changed to 30, 50 per page didn't work/change
Did you use the query item from the request?
$builder->paginate(request()->query('perPage', 15))
@@PascalBaljet No I didn't, I follow your tutorial in this video, but per page not working
@@PascalBaljet you also must add ->withQueryString() to not reset the perPage param by clicking to page links
it will better if this table work something like Livewrie Powergrid,
if we use that Package, we no need to write anything in the Controller, Code only in 1 livewire file, and that's all. also can stub for own choice, this plugin is also greate and have lot's of features.
it's perfect how Pascal made it. You still works with Controllers and Views.
@@DamirGrgic Ofcourse i love how Pascal made it. im waiting more new useful packages from @Pascal
@@ShakeelAhmed-jk7cn Anything in particular you're waiting for?