0.1.41 • Published 10 months ago

pagination-with-count v0.1.41

Weekly downloads
6
License
MIT
Repository
github
Last release
10 months ago

Pagination-with-count

A brief description of what this project does and who it's for

This react package implements pagination with the ability to select the number of items to be displayed on the current page.

Installation

Install package with npm

  npm i pagination-with-count

Props

NameTypeDefaultDescription
totalCountNumberRequiredThe total count of items.
onValueChangedFunctionRequiredThe page change handler. Receives the page number as an argument.
pageNumberNumber1The active page.
countPerPageNumber10The number of items per page.
countOptionsArray10,20,50,100,200The option which shows no. of items to be displayed in the pagination.
stylesObject{containerClass: "",bgColor: "black",buttonBgColor: "Grey",textColor: "Blue"};The styles to be applied for buttons and other texts
textContentObject{currentDisplayingText: "Mostrando ",currentToText: "a",currentOfText: "de",currentEntriesText: "entradas",expectedDisplayText: "Mostrar",expectedEntriesText: "entradas"};Text to be displayed instead of Displaying 1 to 10 of 2000 entries.

Demo

Link to demo - https://codesandbox.io/s/pagination-with-count-demo-393t5y

Usage/Examples

import PaginationComponent from 'pagination-with-count';

function App() {
	return;
	<PaginationComponent
		totalCount={this.state.totalCount}
		onValueChanged={this.onPageChanged}
		pageNumber={this.state.pageNumber}
		countPerPage={this.state.countPerPage}
	/>;
}

More configuration options will be updated soon.

0.1.32

11 months ago

0.1.34

11 months ago

0.1.35

11 months ago

0.1.37

11 months ago

0.1.41

10 months ago

0.1.40

11 months ago

0.1.38

11 months ago

0.1.39

11 months ago

0.1.30

2 years ago

0.1.14

2 years ago

0.1.15

2 years ago

0.1.28

2 years ago

0.1.29

2 years ago

0.1.20

2 years ago

0.1.21

2 years ago

0.1.22

2 years ago

0.1.23

2 years ago

0.1.24

2 years ago

0.1.25

2 years ago

0.1.26

2 years ago

0.1.16

2 years ago

0.1.17

2 years ago

0.1.18

2 years ago

0.1.19

2 years ago

0.1.12

4 years ago

0.1.11

4 years ago

0.1.10

4 years ago

0.1.9

4 years ago

0.1.8

4 years ago

0.1.7

4 years ago

0.1.4

4 years ago

0.1.3

4 years ago

0.1.2

4 years ago