Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

akshatrajput's avatar

Pagination shows next & prev button only instead of numbers using tailwindcss

I have a small issue with my pagination view, not sure when this happened, did I switched something but instead of page numbers on my paginated pages I have next/prev buttons only. All my views are done via Livewire, if that matters, and I have just regular ...->links() functions on my template. Never used the simplePaginate functionality on this site and And I have to do pagination with numbers using Tailwind Css.

0 likes
2 replies
Tray2's avatar

sounds to me like you somehow changed the styles for your page, and now they are the same color as the background. I suggest checking the page source to see if they are there in the html or not.

puklipo's avatar

Tailwind pagination view changes automatically depending on the browser size. It's the same for Laravel and Livewire. For smartphone screen size, it is simple with only previous/next. sm:hidden means to hide at sm size or larger.

<div class="flex justify-between flex-1 sm:hidden">

https://github.com/livewire/livewire/blob/ce1ce71b39a3492b98f7d2f2a4583f1b163fe6ae/src/Features/SupportPagination/views/tailwind.blade.php#L16C53

If you want to change this, just publish the view file and modify it.

Please or to participate in this conversation.