Grid Paging Specification

1. Revision History

Version	User	Date	Notes
0.1	Danail Marinov	July 3, 2019	Initial draft

Stefan Ivanov | Date:
Simeon Simeonoff | Date:
Konstantin Dinev | Date:

2. Overview

The Grid Paging Component is used to:

inform the user on which Grid page he is currently on
allow navigation to the previous/next and first/last pages of the Grid content
to inform the user how many records are being displayed per page and to let him select number of records to be displayed per page

3. User Stories

As an end user:

I want to see how many records are currently being displayed per page
I want to be able to select the number of records displayed per page
I want to see on which Grid page I am currently on
I want to know what is the total number of pages according to the number of records displayed
I want to be able to navigate to the first/last Grid page through a button icon
I want to be able to navigate to the next/previous Grid page through a button icon

As a developer:

I want to be able to set the number of records shown per page
I want to be able to set Grid Paging display density
I want to be able to enable/disable Pager buttons and Dropdown
I want to be able to apply theme on the Paging according to the Grid theme

4. Functionality

4.1 Overview:

The Grid Paging component is attached to the Grid bottom and if the Grid includes Summary, then Paging row is placed after the Summaries. As an end user, I can change the number of records displayed per page through the dropdown that by default is positioned in the left end of the Paging row. Changing the number of records displayed per page may result in change of the total number of Grid pages. As an end user, I can move to the first/last or next/previous page through the icon buttons that are by default placed in the right end of the Paging row.