pagination.examples.pager.use-case.md

8.12: Pagination pager examples

Primary Actor: User

Scope: Ngx-bootstrap DEMO / BS version 3&4

Goal: Show user pager functionality

Main success scenario:

1. User opens "Pagination" demo page
2. User clicks on "Pager" sub-menu
3. User sees two separate blocks: pagination and pager.
4. When user clicks on last page, then next button is disabled, previous button is enabled, 1st page is inactive and last is active
5. After click on 2nd page, previous and next button are enabled, 2nd page is active, last page is inactive
6. After click on 1st page, next button is enabled, previous button is disabled, last page is inactive and last is active

Variations:

2*. User scrolls to "Pager"