search

primefaces / primevue-tailwind

PrimeVue Components Styled with Tailwind CSS
https://tailwind.primevue.org
MIT License
551 stars 64 forks source link

Paginator breakpoints? #205

Closed musiwei closed 1 week ago

musiwei commented 6 months ago

It's written in the API doc but there is no examples. Suggestion: improve the paginator documentation.

Below shows two paginators on the page. 

<Paginator :rows="records.meta.per_page" :totalRecords="records.meta.total"
               :template="{'1024px': 'RowsPerPageDropdown FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink'}"
               currentPageReportTemplate="{first} to {last} of {totalRecords}"></Paginator>

image

slumtrimpet commented 4 months ago

@musiwei

I agree the responsive paginator template seems to be broken in unstyled mode.

I realized this isn't an earth-shattering idea, but we ended up throwing a computed field at the paginator template arg with a watcher on the screen width and it works fine (and to me is a bit more 'vuethonic' anyway).

Not sure if they intend 'unstyled' mode to 100% implement the base styled API or not, but it's a workaround for now.

atakantepe commented 1 week ago

Hi, unfortunately, the breakpoints are one of the limitations we encounter. The workaround is to customize the breakpoints in the preset to suit your needs. We have plans in the future to improve this but this is more related to primevue core.