DEV Community

J-Sandaruwan
J-Sandaruwan

Posted on

4 1

Laravel 8 with Bootstrap (Part 2)

Before we developed the laravel site with bootstrap (Part 1)
Click Here.This time we developing the our website livewire table with bootstrap.
Image Bg

We use the users for that task. That to esay way to show you how to implement the livewire table with boosatrap. Let's go.

First of we will go to the terminal on project.
Go to the our project file.

cd bootstrap-app
Enter fullscreen mode Exit fullscreen mode

After install the today magical package for our project.

composer require rappasoft/laravel-livewire-tables
Enter fullscreen mode Exit fullscreen mode

Now we can create the livewire component.

php artisan make:livewire user-component --inline
Enter fullscreen mode Exit fullscreen mode
Tip:Creating the livewire you want only developing the Livewire compont without balde file you can use --inline.

Our livewire component extends our new magical package

Image magical

After see that has implement the columns function it return the our livewire table columns.Then we build the query functio. It rerun on query. Thats the today magical. Ohh no not end.

php artisan vendor:publish --provider="Rappasoft\LaravelLivewireTables\LaravelLivewireTablesServiceProvider" --tag=livewire-tables-config

php artisan vendor:publish --provider="Rappasoft\LaravelLivewireTables\LaravelLivewireTablesServiceProvider" --tag=livewire-tables-views

php artisan vendor:publish --provider="Rappasoft\LaravelLivewireTables\LaravelLivewireTablesServiceProvider" --tag=livewire-tables-translations
Enter fullscreen mode Exit fullscreen mode

Use these publish all package config,views and translations.

in config/livewire-tables.php we can change the css framework. (tailwind, bootstrap-4 , bootstrap-5)

Image table

Let's meet again for the brand new tutorial.

AWS GenAI LIVE image

Real challenges. Real solutions. Real talk.

From technical discussions to philosophical debates, AWS and AWS Partners examine the impact and evolution of gen AI.

Learn more

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free ā†’

šŸ‘‹ Kindness is contagious

Please leave a ā¤ļø or a friendly comment on this post if you found it helpful!

Okay