primevue-tailwind icon indicating copy to clipboard operation
primevue-tailwind copied to clipboard

Paginator breakpoints?

Open musiwei opened this issue 1 year ago • 1 comments

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

musiwei avatar Apr 01 '24 23:04 musiwei

@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.

slumtrimpet avatar May 14 '24 00:05 slumtrimpet

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.

atkntepe avatar Sep 25 '24 13:09 atkntepe