0.1.0 • Published 3 years ago

react-pro-mod-pagination v0.1.0

Weekly downloads
9
License
-
Repository
-
Last release
3 years ago

React Pro Mod Pagination


A Simple And Flexible Pagination For Data Tables. $ npm install react-pro-mod-pagination --save

import ProModPaginate,{getPaginatedData} from 'react-pro-mod-pagination';

getPaginatedData helper.

Use getPaginatedData helper function to get paginated Data.

Pagination

NameTypeDescription
pageSizeNumberRequired. The total items per page.
DataArrayArrayRequired. Table Data Array.
currentPageNumberRequired. Current Page margins.
handleChangeCurrentPageFunfunction for handling current page.
import ProModPaginate,{getPaginatedData} from './ProModPaginate'

function TestTable() {
  let data=[....]
    ........
 const handlePage=(value)=>{
  setState({currentPage:value})
  let paginatedData=getPaginatedData(data,4,value)
   setState({paginatedData})
 }
  <ProModPaginate  
  currentPage={state.currentPage}
  handleChangeCurrentPage={handlePage}
  pageSize={4} DataArray={data} 
  />
}

Credits

-->Katragadda Sriharsha.