search

antoniandre / wave-ui

A UI framework for Vue.js 3 (and 2) with only the bright side. ☀️
https://antoniandre.github.io/wave-ui
MIT License
544 stars 39 forks source link

Pagination for w-table should collapse or hide when there are many pages #136

Closed Fleximex closed 7 months ago

Fleximex commented 7 months ago

When there are many pages in a w-table the pagination buttons are all visible. Screenshot 2024-01-04 at 16 03 36 The default behavior for pagination is for pages that are distant from the current page to hide into a ... button. Screenshot 2024-01-04 at 16 06 16 Or for example to not show up: Screenshot 2024-01-04 at 16 09 56

Could any of these be implemented to prevent the cluttered UI like in the first image?

antoniandre commented 7 months ago

Hi @Fleximex, The pagination was indeed in progress. I took the opportunity to finish/improve what needed to be and have accomplished a similar layout and feature, now released in version 3.9.2. Please check the pagination documentation for details: https://antoniandre.github.io/wave-ui/w-table#pagination. I hope it solves the issue, if not please reopen :)

Fleximex commented 7 months ago

@antoniandre The behaviour is still unclear. When does it trigger?

For me, it only works when setting the total explicitely and only when the total is more than the actual data I have (of course resulting in empty pages). It doesn't make sense.