Power-Components / livewire-powergrid

⚡ PowerGrid generates modern, powerful and easy-to-customize data tables using Laravel Livewire.
https://livewire-powergrid.com
MIT License
1.51k stars 223 forks source link

Cannot use Bootstrap5 theme with 6.1.4 #1771

Open jinyancool opened 18 hours ago

jinyancool commented 18 hours ago

Have you searched through other issues to see if your problem is already reported or has been fixed?

Yes, I did not find it.

Did you read the documentation?

Yes, I did not find it.

Have you tried to publish the views?

Yes - I didn't work.

Is there an error in the console?

No

PHP Version

No response

PowerGrid

6.1.4

Laravel

11.28.1

Livewire

3.1.12

Alpine JS

No response

Theme

Bootstrap

Describe the bug.

Following the install and PowerGrid Configuration seps, it seems that we cannot setup bootstrap5 theme. The action button is undefined.

To Reproduce...

First click on "FOO" then....

Extra information

<?php
 //...
jinyancool commented 18 hours ago

If my website is using Bootstrap5 theme, it seems I cannot using tailwind theme for livewire-powergrid. There will have a conflict.

jinyancool commented 17 hours ago

With a fresh install, tailwind theme is fine. But Bootstrap5 theme has a bug.

luanfreitasdev commented 11 hours ago

Can you share the screenshot error?

backstageel commented 8 hours ago

@jinyancool maybe because the Laravel Fresh install doesnt come with Bootstrap but with Tailwind by default?

Maybe you need to configure bootstrap first.

jinyancool commented 8 hours ago

Can you share the screenshot error?

1731938252366 1731938252366

jinyancool commented 8 hours ago

@jinyancool maybe because the Laravel Fresh install doesnt come with Bootstrap but with Tailwind by default?

Maybe you need to configure bootstrap first.

`

` After added above codes, it seems the them is changed. ![1731938536839](https://github.com/user-attachments/assets/3713a39f-8920-4678-8ef5-a631c9801a4a)
jinyancool commented 8 hours ago

Manually add the above codes, the theme looks better.

@jinyancool maybe because the Laravel Fresh install doesnt come with Bootstrap but with Tailwind by default?

Maybe you need to configure bootstrap first.