[Bug]: livewire powergrid table pagination css is not working

[MuhammadTanvir]

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

8.1

PowerGrid

4.8

Laravel

10

Livewire

2.12

Alpine JS

No response

Theme

Tailwind 3.x with tailwind/forms

Describe the bug.

the powergrid table pagination button is not showing, I have attached screenshot below:

[quentindecosne]

I had the same issue and added this to tailwind.config.js

export default {
    content: [
       ...
    ],

    presets: [
        require("./vendor/power-components/livewire-powergrid/tailwind.config.js"),
    ],


    plugins: [forms],
};

[MGeurts]

This solved the problem for me regarding the pagination.
But it did not solve the issue with the double chevron-down on the "Per page" select. Any ideas?

presets: [
require("./vendor/power-components/livewire-powergrid/tailwind.config.js"),
],

[EmilioVar]

I have opened an issue about it... I'll give you the solution I found:

The file causing this phenomenon is located in the following path:

/power-components/livewire-powergrid/resources/views/components/frameworks/tailwind/footer.blade.php

To fix it, I removed the element that was repeating

<div
                         class="pointer-events-none absolute inset-y-0 right-0 flex items-center px-2 text-pg-primary-700 dark:text-pg-primary-300">
                         <x-livewire-powergrid::icons.down class="w-4 h-4" />
                     </div>

After that, the element is now displayed correctly.

[luanfreitasdev]

Can you check this, ?

https://v5.livewire-powergrid.com/get-started/configure.html#_4-tailwind-settings

[MGeurts]

The link above is not working.

[luanfreitasdev]

https://livewire-powergrid.com/get-started/configure.html#tailwind-settings