Skip to content

foohyfooh/pagination-table

Repository files navigation

pagination-table

See the pagination-table for more information.

Demo

Check it live!

Install

Install the component using Bower:

$ bower install pagination-table --save

Or download as ZIP.

Usage

  1. Import Web Components' polyfill:

    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
  2. Import Custom Element:

    <link rel="import" href="bower_components/pagination-table/pagination-table.html">
  3. Start using it!

    <pagination-table items="{{items}}"></pagination-table>

Attributes

Attribute Type Default Description
items Array undefined Items for component. JSON Objects.
page-size Number 10 Number of items to display on page.
layout String pagination-item The tag to use to represent the items.

Methods

Method Parameters Returns Description
previousPage() None. Nothing. Displays the previous page.
nextPage() None. Nothing. Displays the next page.

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

License

MIT License

About

Web Component to have pagination when passed an array of json objects

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages