Filament•13mo ago

Pagination is not displayed

Please help to solve the problem, I do not understand what is the matter pagination is displayed only on mobile resolutions

21 Replies

W1DOOP•13mo ago

PabloZagni•13mo ago

Try to expand layout (page size) and it will appear

W1DOOP•13mo ago

How do you do that?

PabloZagni•13mo ago

Resize the window As you expand... navigation will appear... If it is a small layout, prev and next buttons are shown small layout = small pagination

PabloZagni•13mo ago

Big layout

PabloZagni•13mo ago

Small layout

W1DOOP•13mo ago

I have a laptop with a resolution of 1920 x 1080 fullhd and the pagination is not displayed, also tried on larger monitors also not displayed Is there any way to set the size of the screens ?

W1DOOP•13mo ago

PabloZagni•13mo ago

your secon image has pagination, small layout

W1DOOP•13mo ago

also not displayed for other resources I think there is some problem with dimensions

PabloZagni•13mo ago

try to hide some columns..

PabloZagni•13mo ago

https://youtu.be/Btb6Vyh7dr0

Filament Daily

YouTube

Filament Table Performance: Avoid One count(*) Query

An interesting "investigation" we've performed based on one recent comment.

CaptainJoker•13mo ago

I was facing the same issue, doing composer dump-autoload fixed the issue

Lavember•13mo ago

hello I'm having the same issue. upgraded to v3 and the pagination is not showing unless the window is resized to a mobile resolution. otherwise, the buttons are gone doing composer dump-autoload didn´t work

awcodes•13mo ago

Run ‘php artisan filament:upgrade’ this should be part of your post update command anyway.

Lavember•13mo ago

running this didn´t do it, pagination is still missing weird that it only works for mobile screens and not on desktop

Potassium•13mo ago

I work with Lavember on the same Project. We fallowed every step on the documentation to upgrade to v3, we fixed all the deprecated functions and it worked perfectly, at some point the paging buttons just stopped showing up. We're using the latest version of filament now. In order to fix that I had to do the fallowing kludge with JS:

function unhide() {
    let pagination_container = document.querySelector('[role=navigation]')
    pagination_container.firstElementChild.classList.remove('hidden')
    pagination_container.querySelectorAll(('.hidden')).forEach(el => el.classList.remove('hidden'))
    pagination_container.querySelectorAll('button').forEach(el => el.classList.remove('md:hidden'))
    pagination_container.querySelector('ol').classList.add('hidden')
}

setInterval(unhide,500)

function unhide() {
    let pagination_container = document.querySelector('[role=navigation]')
    pagination_container.firstElementChild.classList.remove('hidden')
    pagination_container.querySelectorAll(('.hidden')).forEach(el => el.classList.remove('hidden'))
    pagination_container.querySelectorAll('button').forEach(el => el.classList.remove('md:hidden'))
    pagination_container.querySelector('ol').classList.add('hidden')
}

setInterval(unhide,500)

awcodes•13mo ago

Search the help thread. This has been discussed. You don’t need a js hack for this. Something is off in your app. Could be cached views, could be needing to rebuild your theme. Could even be that you have published views that are conflicting. Could even be browser cache.

Potassium•13mo ago

ok, thank you very much! Do you think it could also be because we were using laravel 9.5 after we upgraded filament to v3?

awcodes•13mo ago

Yes. You need laravel 10 for filament v3. So your probably getting locked down to 3.0.8 when latest is 3.0.93

Potassium•13mo ago

turns out it was something very silly... as you said it was views I publised that were conflicting... Problem solved...

Gaming

Programming

Pagination is not displayed