Dropdown and drawer components do not works when the table is paginated

[alkadoHs]

I'm using data tables to enhance pagination, filtering and searching, but when the table is paginated the dropdowns and drawers of the next page stops to work and those on the first page works fine.
I don't understand why this issue is happening.

[zoltanszogyenyi]

Hey @alkadoHs,

Did you make sure that the IDs of these dropdowns and modals are unique even across paginations?

Cheers,
Zoltan

[alkadoHs]

Hey @alkadoHs,

Did you make sure that the IDs of these dropdowns and modals are unique even across paginations?

Cheers,
Zoltan

Yes, they are unique, I'm looping through the data from the server and providing each modal and it's corresponding trigger button with unique id of the product. But it doesn't work 😔

[zoltanszogyenyi]

@alkadoHs what framework are you using?

[alkadoHs]

@alkadoHs what framework are you using?

Codeigniter, a PHP framework

[zoltanszogyenyi]

Do you have an example online somewhere? It's hard to guess why it wouldn't work.

Did you check the FlowbiteInstances object to see what's going on?

[xujiongze]

@zoltanszogyenyi
Same problem
Im using laravel10 + vue3 + inertia
In inertia, using insted "This component is a light wrapper around a standard anchor link that intercepts click events and prevents full page reloads"
And all page opened with Link, can't use offcanva(Drawer)

Solution for inertia:

import { router } from '@inertiajs/vue3'

router.on('success', () => {
initFlowbite();
})

[embarekmessai]

@zoltanszogyenyi

Same problem
Im using laravel10 + vue3 + inertia
In inertia, using insted "This component is a light wrapper around a standard anchor link that intercepts click events and prevents full page reloads"
And all page opened with Link, can't use offcanva(Drawer)
Solution for inertia:

import { router } from '@inertiajs/vue3'

router.on('success', () => { initFlowbite(); })

Thank you, this helped me