question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

image

Proposed API

<Paginator
  itemCount={258}
  page={this.state.page}
  itemsPerPage={50} 
  onChange={page => this.handleChange(page)} 
/>

The “first”/“prev” and “next”/“last” buttons only show up if the first/last items are not being displayed.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:9 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
ImogenFcommented, Jun 19, 2018

@TejasQ You mean replace onChange with onNext, onFirst, onPrev and onLast? That would be nice, but I think the user shouldn’t have to determine whether page 5 is the last page or not and only pass an onLast prop accordingly.

How about only showing a next button if an onNext prop is provided AND if props.itemCount < props.page * props.itemsPerPage ?

0reactions
TejasQcommented, Jun 20, 2018

Merged.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Paginator | Angular Material
UI component infrastructure and Material Design components for mobile and desktop Angular web applications.
Read more >
Paginators — Boto3 Docs 1.26.36 documentation
Paginators are a feature of boto3 that act as an abstraction over the process of iterating over an entire result set of a...
Read more >
Paginator - Django documentation
Paginator ¶. Django provides a few classes that help you manage paginated data – that is, data that's split across several pages, with...
Read more >
Pagination - Wikipedia
Pagination, also known as paging, is the process of dividing a document into discrete pages, either electronic pages or printed pages.
Read more >
Pagination - Bootstrap
Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found