In the following lessons, we will fill our "Tasks" page with the full CRUD. Let's start with a table.
Table Component from Shadcn
Let's show the table of tasks. Remember, we had seeded it into the database previously:
Vue starter kit uses a Vue+Tailwind Shadcn UI library so you don't need to install it, it comes already pre-configured.
Generally, using Shadcn components is very easy:
- Install the component with
npx - Import it on top of your Vue file
- Use it inside your...
First of all thank you for this series and your contributions to the Laravel and PHP community in general!
I'd love to see a lesson about using Laravel 12 Vue Starter Kits with the Shadcn DataTable component. I realize this series is more a of gentle introduction, but being able to search, sort and paginate (while honoring previous searches and sorts) would be awesome!
I've used the spatie/laravel-query-builder package for something similar in the past.
The problem with DataTable component is - handling all of the cases for table actions. It's definitely not about the display of the table itself, but more about the whole API code (controller).
Just because of this reason - we are for now not focusing on it as it's a huge job to properly prepare an example (otherwise, we will get a lot of questions that some basic function does not work) :)
We might revisit this at a later date, but at the moment we are prioritizing Laravel 12 updates=
Yep, totally understand! I'd love to see a dedicated tutorial on Vue + Shadcn DataTable components. Cheers :)