paper-paging

A material design element that generate pagination bar


Keywords
web-components, web-component, polymer, paper, pagination, paper-pagination, pagin
License
MIT
Install
bower install paper-paging

Documentation


   /\˜˜/   /\˜˜/\   
  /__\/   /__\/__\    
 /\  /   /\  /\  /\ 
/__\/   /__\/  \/__\  Polymer
\  /\  /\  /   /\  /
 \/__\/__\/   /__\/   
  \  /\  /   /\  /  
   \/__\/   /__\/   

paper-pagination

Polymer pagination element. Input record count, pagesize to get list of page chooser. screenshot-localhost 8080 2016-09-16 08-39-04

Setup

Clone this repo or install by bower. bower install paper-pagination

Document

Properties

Properties Type Description
pageSize Number Number of items per page
total Number Total items count
rangeSize Number Number of visible page item on large collection.
currentPage Number(readonly) Current selected page
offset Number(readonly) Use for offset (sql) or skip(blueprint API)

Sample

  <paper-pagination page-size="5" total="21" current-page="{{current}}" offset="{{skip}}"></paper-pagination>
  <span> page:{{current}} <br/> offset:{{skip}}</span>

To observe the change on current, use observer

  observer:['_currentPageChange(current)'],
  _currentPageChange:function(c){
    console.log(c)
  },