DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 966,904 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
J-Sandaruwan
J-Sandaruwan

Posted on

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.

Top comments (0)

๐ŸŒš Friends don't let friends browse without dark mode.

Sorry, it's true.