Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Paginator breakpoints? #205

Open
musiwei opened this issue Apr 1, 2024 · 1 comment
Open

Paginator breakpoints? #205

musiwei opened this issue Apr 1, 2024 · 1 comment

Comments

@musiwei
Copy link

musiwei commented Apr 1, 2024

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
Copy link

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants